feat（通知单内容维护）：列表对接

src/api/notificationContent/list.js

@@ -32,3 +32,21 @@ export function getCurrentLoginUser() {
 
     })
 }
+// 新增变更记录
+export function addChangeRecord(data) {
+    return request({
+        url: '/control/sysNotificationContent/addChangeRecord',
+        method: 'post',
+        data: data
+
+    })
+}
+// 查询列表-维护变更记录
+export function getInList(data) {
+    return request({
+        url: '/control/sysNotificationContent/getInList',
+        method: 'get',
+        params: data
+
+    })
+}

src/views/controlPlan/controlPlanNotice/notificationContent/info.vue

@@ -34,9 +34,9 @@
           style="width: 120px"
         >
           <el-option
-            v-for="dict in certification_body"
-            :label="dict.label"
-            :value="dict.value"
+            v-for="dict in changeType"
+            :label="dict"
+            :value="dict"
           />
         </el-select>
       </el-form-item>
@@ -86,23 +86,33 @@
 
     <el-table  :data="tableList">
       <el-table-column type="index" width="55" align="center" label="序号"/>
-      <el-table-column label="车型公告号" align="center" prop="notificationNumber" >
+      <el-table-column label="车型公告号" align="center" prop="vehicleAnnouncementNumber" >
+
+      </el-table-column>
+      <el-table-column label="动力类型" align="center" prop="powerType" >
+       <template #default="scope">
+         <dict-tag :options="power_type" :value="scope.row.powerType" />
+       </template>
+
+      </el-table-column>
+      <el-table-column label="变更类型" align="center" prop="changeType" />
+      <el-table-column label="车辆类型" align="center" prop="vehicleType" >
+        <template #default="scope">
+          <dict-tag :options="car_type" :value="scope.row.vehicleType" />
 
+        </template>
       </el-table-column>
-      <el-table-column label="动力类型" align="center" prop="certificationBody" />
-      <el-table-column label="变更类型" align="center" prop="businessUnitName" />
-      <el-table-column label="车辆类型" align="center" prop="brand" />
-      <el-table-column label="项目负责人" align="center" prop="vehicleModelCode"  />
-      <el-table-column label="RTX/TEL" align="center" prop="vehicleSeries" >
+      <el-table-column label="项目负责人" align="center" prop="projectResponsiblePerson"  />
+      <el-table-column label="RTX/TEL" align="center" prop="rtxTel" >
       <template #default="scope">
-          <dict-tag :options="getDictList(scope.row.vehicleSeries)?vehicle_model_series_icar:vehicle_model_series" :value="scope.row.vehicleSeries" />
+        {{scope.row.rtxTel || '--'}}
       </template>
       </el-table-column>
-      <el-table-column label="认证负责人" align="center" prop="productionAddress" width="150" />
+      <el-table-column label="认证负责人" align="center" prop="certificationResponsiblePersonName"  />
 
-      <el-table-column label="完成时间" align="center" prop="changeType" >
+      <el-table-column label="完成时间" align="center" prop="completionTime" >
         <template #default="scope">
-          <span>{{scope.row.vehicleAnnouncementNumber || '--'}}</span>
+          {{scope.row.completionTime || '--'}}
         </template>
       </el-table-column>
       <el-table-column label="操作" align="center" width="160">
@@ -257,29 +267,46 @@
         </div>
       </template>
     </el-drawer>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+    />
   </div>
 </template>
 <script setup>
 import {
   getTopDetailInfo,
   getVehicleModelAnnouncementNumber,
-  getCurrentLoginUser
+  getCurrentLoginUser,
+  addChangeRecord,
+  getInList
 } from "@/api/notificationContent/list.js"
 import { useRoute } from 'vue-router';
+import {ElMessage} from "element-plus";
+// 获取当前路由实例
+const route = useRoute();
+const total = ref(0)
 const drawerTitle = ref('')
 const drawer  = ref(false)
 const drawerQueryRef  =ref()
 const tableList = ref([])
+// 从路由参数中获取 id
+const id = route.query.id;
 const topDetailInfo = ref({})
 const { proxy } = getCurrentInstance();
 const modelAnnouncementNumber = ref([])
 const drawerQueryParams = ref({
-
+  notificationId:id
 })
 
 const changeType = ref([
   "扩展","新增"
 ])
+
 const { power_type } = proxy.useDict('power_type')
 const { car_type } = proxy.useDict('car_type')
 const { notification_status } = proxy.useDict('notification_status')
@@ -288,10 +315,8 @@ const currentLoginInfo = ref([])
 const { vehicle_model_series_icar } = proxy.useDict('vehicle_model_series_icar')
 // 从全局字典中获取除事业部 icar 外可选择的车型系列数据
 const { vehicle_model_series } = proxy.useDict('vehicle_model_series')
-// 获取当前路由实例
-const route = useRoute();
-// 从路由参数中获取 id
-const id = route.query.id;
+
+
 const queryParams = ref({
   pageNum: 1,
   pageSize: 10
@@ -365,10 +390,18 @@ const getLabelByKey = (key) => {
 
 
 function confirmClick() {
-
   drawerQueryRef.value.validate((valid) => {
     if (valid) {
       // 处理提交逻辑
+      console.log(drawerQueryParams.value)
+      addChangeRecord(drawerQueryParams.value).then(res=>{
+        console.log("提交后",res)
+        if(res.code === 200){
+          ElMessage.success('提交成功')
+          getList()
+          drawer.value = false
+        }
+      })
     } else {
       return false
     }
@@ -386,8 +419,17 @@ function getCurrentLoginInfo(){
 function cancelClick() {
   drawerQueryRef.value.resetFields();
   drawer.value = false;
+  getList()
 }
 
+function getList(){
+  getInList(queryParams.value).then(res=>{
+    console.log(res)
+    tableList.value =res.rows
+    total.value = res.total
+  })
+}
+getList()
 getCurrentLoginInfo()
 getTopInfo()
 getChexing()