fix(views): 修复表单关闭后重置问题并优化代码结构

修复多个视图组件中表单关闭后未重置的问题，添加@closed和destroy-on-close事件
统一使用Object.assign替代直接赋值进行表单重置
优化rateList组件中班次和大队名称的显示逻辑

src/views/blockingData/dailyLuggageCheckInList/index.vue

@@ -83,7 +83,7 @@
       v-model:limit="queryParams.pageSize" @pagination="getList" />
 
     <!-- 添加或修改每日行李查缉对话框 -->
-    <el-dialog :title="title" v-model="open" width="800px" append-to-body>
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body @closed="reset" destroy-on-close>
       <el-form ref="dailyLuggageCheckInRef" :model="form" :rules="rules" label-width="140px">
         <el-row :gutter="20">
           <el-col :span="12">
@@ -382,7 +382,7 @@ function cancel() {
 
 // 表单重置
 function reset() {
-  form.value = {
+  Object.assign(form, {
     id: null,
     statDate: null,
     shiftType: null,
@@ -416,7 +416,7 @@ function reset() {
     aiMarkTotal: 0,
     aiMissImageTotal: 0,
     aiErrorImageTotal: 0
-  }
+  })
   proxy.resetForm('dailyLuggageCheckInRef')
 }
 
@@ -473,12 +473,14 @@ function submitForm() {
         updateDailyLuggageCheckIn(form).then(response => {
           proxy.$modal.msgSuccess('修改成功')
           open.value = false
+          reset()
           getList()
         })
       } else {
         addDailyLuggageCheckIn(form).then(response => {
           proxy.$modal.msgSuccess('新增成功')
           open.value = false
+          reset()
           getList()
         })
       }

src/views/blockingData/dailyLuggageInspectionScheduleByTime/index.vue

@@ -67,7 +67,7 @@
     <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
       v-model:limit="queryParams.pageSize" @pagination="getList" />
 
-    <el-dialog :title="title" v-model="open" width="1000px" append-to-body>
+    <el-dialog :title="title" v-model="open" width="1000px" append-to-body @closed="reset" destroy-on-close>
       <el-form ref="dailyLuggageInspectionScheduleByTimeRef" :model="form" :rules="rules" label-width="250px">
         <el-row :gutter="20">
           <el-col :span="12">
@@ -355,12 +355,14 @@ function submitForm() {
         updateDailyLuggageInspectionScheduleByTime(form).then(response => {
           proxy.$modal.msgSuccess('修改成功')
           open.value = false
+          reset()
           getList()
         })
       } else {
         addDailyLuggageInspectionScheduleByTime(form).then(response => {
           proxy.$modal.msgSuccess('新增成功')
           open.value = false
+          reset()
           getList()
         })
       }

src/views/blockingData/missedInspectionList/index.vue

@@ -103,7 +103,7 @@
       v-model:limit="queryParams.pageSize" @pagination="getList" />
 
     <!-- 添加或修改漏检对话框 -->
-    <el-dialog :title="title" v-model="open" width="1000px" append-to-body>
+    <el-dialog :title="title" v-model="open" width="1000px" append-to-body @closed="reset" destroy-on-close>
       <el-form ref="missedInspectionRef" :model="form" :rules="rules" label-width="140px">
         <el-row :gutter="20">
           <el-col :span="12">
@@ -673,12 +673,14 @@ function submitForm() {
         updateMissedInspection(form).then(response => {
           proxy.$modal.msgSuccess('修改成功')
           open.value = false
+          reset()
           getList()
         })
       } else {
         addMissedInspection(form).then(response => {
           proxy.$modal.msgSuccess('新增成功')
           open.value = false
+          reset()
           getList()
         })
       }

src/views/blockingData/rateList/index.vue

@@ -44,15 +44,17 @@
     <el-table v-loading="loading" :data="rateList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="日期" align="center" prop="statDate" />
-      <el-table-column label="旅检国内区域平均速率（高峰期时段）" align="center" prop="travelInspectionDomesticAvgRatePeak" min-width="120"/>
+      <el-table-column label="旅检国内区域平均速率（高峰期时段）" align="center" prop="travelInspectionDomesticAvgRatePeak"
+        min-width="120" />
       <el-table-column label="当班大队" align="center" prop="dutyBrigadeName" />
       <el-table-column label="T1-A区速率（高峰期时段）" align="center" prop="t1AAreaRatePeak" />
       <el-table-column label="T1-B区速率（高峰期时段）" align="center" prop="t1BAreaRatePeak" />
       <el-table-column label="T2-国内速率（高峰期时段）" align="center" prop="t2DomesticRatePeak" />
       <el-table-column label="T2-国际速率（高峰期时段）" align="center" prop="t2InternationalRatePeak" />
-      <el-table-column label="班次" align="center" prop="shift" />
+      <el-table-column label="班次" align="center" prop="shiftDesc" />
       <el-table-column label="T2-中转（高峰期时段）" align="center" prop="t2TransferRatePeak" />
-      <el-table-column label="国际及中转区域平均速率（高峰期时段）" align="center" prop="internationalTransferAvgRatePeak" min-width="120"/>
+      <el-table-column label="国际及中转区域平均速率（高峰期时段）" align="center" prop="internationalTransferAvgRatePeak"
+        min-width="120" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
@@ -66,7 +68,7 @@
     <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
       v-model:limit="queryParams.pageSize" @pagination="getList" />
 
-    <el-dialog :title="title" v-model="open" width="1000px" append-to-body>
+    <el-dialog :title="title" v-model="open" width="1000px" append-to-body @closed="reset" destroy-on-close>
       <el-form ref="rateListRef" :model="form" :rules="rules" label-width="280px">
         <el-row :gutter="20">
           <el-col :span="12">
@@ -170,7 +172,7 @@
 
 <script setup>
 import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
-import { listRate, getRate, delRate, addRate, updateRate, exportRate,downloadTemplate } from '@/api/blockingData/rateList'
+import { listRate, getRate, delRate, addRate, updateRate, exportRate, downloadTemplate } from '@/api/blockingData/rateList'
 import { listDept } from '@/api/system/dept'
 import { getToken } from '@/utils/auth'
 import { UploadFilled } from '@element-plus/icons-vue'
@@ -232,7 +234,7 @@ function getList() {
 function getDeptList() {
   listDept({}).then(response => {
     const deptList = response.data || []
-    brigadeOptions.value = deptList.filter(item => item.deptType === 'BRIGADE'&& [311, 314, 315].includes(item.deptId)).map(item => ({
+    brigadeOptions.value = deptList.filter(item => item.deptType === 'BRIGADE' && [311, 314, 315].includes(item.deptId)).map(item => ({
       value: item.deptId,
       label: item.deptName
     }))
@@ -245,7 +247,7 @@ function cancel() {
 }
 
 function reset() {
-  form.value = {
+  Object.assign(form, {
     id: null,
     statDate: null,
     dutyBrigadeId: null,
@@ -258,7 +260,7 @@ function reset() {
     t2InternationalRatePeak: 0,
     t2TransferRatePeak: 0,
     internationalTransferAvgRatePeak: 0
-  }
+  })
   proxy.resetForm('rateListRef')
 }
 
@@ -299,21 +301,27 @@ function handleUpdate(row) {
 function submitForm() {
   proxy.$refs.rateListRef.validate(valid => {
     if (valid) {
-      // if (form.shift) {
-      //   const shiftItem = shift.value.find(item => item.value === form.shift)
-      //   form.shiftDesc = shiftItem ? shiftItem.label : null
-      // }
+      if (form.shift) {
+        const shiftItem = shift.value.find(item => item.value === form.shift)
+        form.shiftDesc = shiftItem ? shiftItem.label : null
+      }
+      if (form.dutyBrigadeId) {
+        const brigadeItem = brigadeOptions.value.find(item => item.value === form.dutyBrigadeId)
+        form.dutyBrigadeName = brigadeItem ? brigadeItem.label : null
+      }
 
       if (form.id != null) {
         updateRate(form).then(response => {
           proxy.$modal.msgSuccess('修改成功')
           open.value = false
+          reset()
           getList()
         })
       } else {
         addRate(form).then(response => {
           proxy.$modal.msgSuccess('新增成功')
           open.value = false
+          reset()
           getList()
         })
       }