市场法规清单-详情列表

src/api/marketRegulations/list.js

@@ -42,3 +42,13 @@ export function delList(id) {
     method: 'delete'
   })
 }
+
+
+// 根据id查看详情里面的市场法规清单
+export function detailList(data) {
+  return request({
+    url: '/control/marketRegulations/detailList',
+    method: 'get',
+    params:data
+  })
+}

src/views/baseData/marketRegulations/info.vue

@@ -88,16 +88,16 @@
     <div >
       <div class="baseInfoTitle">市场法规清单</div>
       <el-form  v-model="queryParams" ref="queryRef" :inline="true"  label-width="70px">
-        <el-form-item label="标准编号" prop="number">
+        <el-form-item label="标准编号" prop="standardCode">
           <el-input
-            v-model="queryParams.number"
+            v-model="queryParams.standardCode"
             placeholder="请输入适标准编号"
             clearable
           />
         </el-form-item>
-        <el-form-item label="标准名称" prop="name">
+        <el-form-item label="标准名称" prop="standardName">
           <el-input
-            v-model="queryParams.name"
+            v-model="queryParams.standardName"
             placeholder="请输入标准名称"
             clearable
           />
@@ -113,64 +113,169 @@
 
       <el-table :data="tableList">
         <el-table-column  type="index" width="55" align="center" label="序号"/>
-        <el-table-column label="类型" align="center" prop="applicableMarket" />
-        <el-table-column label="标准编号" align="center" prop="listCode" />
-        <el-table-column label="标准名称" align="center" prop="listName" />
-        <el-table-column label="标准英文名称" align="center" prop="steeringType" width="130"/>
-        <el-table-column label="等效法规" align="center" prop="listVersion" />
-        <el-table-column label="被代替标准编号" align="center" prop="releaseDate" width="130">
-
-        </el-table-column>
-        <el-table-column label="主控部门" align="center" prop="author" />
-        <el-table-column label="主控部门专业模块" align="center" prop="listStatus" width="140"/>
-
-        <el-table-column label="关联部门" align="center" prop="listStatus" />
-        <el-table-column label="关联部门专业模块" align="center" prop="listStatus" width="140"/>
-        <el-table-column label="新认证车实施日期" align="center" prop="listStatus" width="140"/>
-        <el-table-column label="新生产车实施日期" align="center" prop="listStatus" width="140"/>
-        <el-table-column label="注册日期" align="center" prop="listStatus" />
-
-        <el-table-column label="适用市场" align="center" prop="listStatus" />
-        <el-table-column label="适用车型" align="center" prop="listStatus" />
-        <el-table-column label="动力类型" align="center" prop="listStatus" />
-        <el-table-column label="认证对象" align="center" prop="listStatus" />
-        <el-table-column label="认证交付物" align="center" prop="listStatus" width="130"/>
-        <el-table-column label="批量限制" align="center" prop="listStatus" />
-        <el-table-column label="自动驾驶等级" align="center" prop="listStatus" width="130"/>
-        <el-table-column label="要求类型" align="center" prop="listStatus" />
-        <el-table-column  label="备注" align="center" prop="listStatus" />
+        <el-table-column label="类型" align="center" prop="standardType" />
+        <el-table-column label="标准编号" align="center" prop="standardCode" />
+        <el-table-column label="标准名称" align="center" prop="standardName" />
+        <el-table-column label="标准英文名称" align="center" prop="standardEnglishName" width="130"/>
+        <el-table-column label="等效法规" align="center" prop="equivalentRegulation">
+          <template #default="scope">
+            <span>{{ scope.row.equivalentRegulation || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="被代替标准编号" align="center" prop="replacedStandardCode" width="130">
+          <template #default="scope">
+            <span>{{ scope.row.replacedStandardCode || '——'}}</span>
+
+          </template>
+        </el-table-column>
+        <el-table-column label="主控部门" align="center" prop="author" >
+          <template #default="scope">
+            <span>{{ scope.row.author || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="主控部门专业模块" align="center" prop="listStatus" width="140">
+          <template #default="scope">
+            <span>{{ scope.row.listStatus || '——'}}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="关联部门" align="center" prop="listStatus" >
+          <template #default="scope">
+            <span>{{ scope.row.listStatus || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="关联部门专业模块" align="center" prop="listStatus" width="140">
+          <template #default="scope">
+            <span>{{ scope.row.listStatus || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="新认证车实施日期" align="center" prop="newCertificationCarDate" width="140">
+          <template #default="scope">
+            <span>{{ scope.row.newCertificationCarDate || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="新生产车实施日期" align="center" prop="newProductionCarDate" width="140">
+          <template #default="scope">
+            <span>{{ scope.row.newProductionCarDate || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="注册日期" align="center" prop="registrationDate" >
+          <template #default="scope">
+            <span>{{ scope.row.registrationDate || '——'}}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="适用市场" align="center" prop="listStatus" >
+          <template #default="scope">
+            <span>{{ scope.row.listStatus || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="适用车型" align="center" prop="applicableModel" >
+          <template #default="scope">
+            <span>{{ scope.row.applicableModel || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="动力类型" align="center" prop="powerType" >
+          <template #default="scope">
+            <span>{{ scope.row.powerType || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="认证对象" align="center" prop="certificationTarget" >
+          <template #default="scope">
+            <span>{{ scope.row.certificationTarget || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="认证交付物" align="center" prop="listStatus" width="130">
+          <template #default="scope">
+            <span>{{ scope.row.listStatus || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="批量限制" align="center" prop="listStatus" >
+          <template #default="scope">
+            <span>{{ scope.row.listStatus || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="自动驾驶等级" align="center" prop="listStatus" width="130">
+          <template #default="scope">
+            <span>{{ scope.row.listStatus || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="要求类型" align="center" prop="listStatus" >
+          <template #default="scope">
+            <span>{{ scope.row.listStatus || '——'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column  label="备注" align="center" prop="remark" >
+          <template #default="scope">
+            <span>{{ scope.row.remark || '——'}}</span>
+          </template>
+        </el-table-column>
 
       </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getMarketList"
+      />
     </div>
   </div>
 
 </template>
 <script setup>
-import { getDataList } from "@/api/marketRegulations/list";
+import { getDataList,detailList } from "@/api/marketRegulations/list";
 import { useRoute } from 'vue-router';
 const route = useRoute();
 const router = useRouter();
 const id = route.query.id;
+const total = ref(0)
 //市场清单列表
 const tableList = ref([])
 //基本数据
 const dataOBj = ref({})
 const queryParams = ref({
+  id:id,
   pageNum: 1,
   pageSize: 10,
 })
 
 
+
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getMarketList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  queryParams.value.standardCode = null
+  queryParams.value.standardName = null
+
+  handleQuery();
+}
+
 function boBack(){
   router.go(-1)
 }
-
+//获取基本信息
 function getDetail(id){
   getDataList(id).then(res=>{
     dataOBj.value = res.data
   })
 }
+//获取市场法规列表
+function getMarketList(){
+  detailList(queryParams.value).then(res=>{
+    console.log(res)
+    tableList.value = res.rows
+    total.value = res.total
+  })
+}
 getDetail(id)
+getMarketList()
 </script>
 <style scoped lang="scss">