fix bug

src/views/vehicle/annual-inspection-record.vue

@@ -63,6 +63,7 @@
         <el-autocomplete
           v-model="form.vehicleNo"
           :fetch-suggestions="fetchVehicleOptions"
+          :disabled="boxType === 'view'"
           clearable
           placeholder="输入车牌号/船号查询选择"
           value-key="value"
@@ -72,6 +73,24 @@
       <template #attachments="{ row }">
         <span>{{ formatAttachments(row.attachments) }}</span>
       </template>
+      <template #attachmentsForm>
+        <vehicle-attachment-upload
+          v-model="form.attachments"
+          :readonly="boxType === 'view'"
+          button-text="新增"
+          button-icon="el-icon-plus"
+          :show-tip="false"
+        />
+      </template>
+      <template #attachments-form>
+        <vehicle-attachment-upload
+          v-model="form.attachments"
+          :readonly="boxType === 'view'"
+          button-text="新增"
+          button-icon="el-icon-plus"
+          :show-tip="false"
+        />
+      </template>
     </avue-crud>
     <empty-pagination
       :page="page"
@@ -80,7 +99,7 @@
       @load="onLoad(page, query)"
     />
     <el-dialog title="年检记录数据导入" append-to-body v-model="excelBox" width="555px">
-      <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter">
+      <avue-form :option="excelOption" v-model="excelForm">
         <template #excelTemplate>
           <el-button type="primary" @click="handleTemplate">
             点击下载<i class="el-icon-download el-icon--right"></i>
@@ -98,6 +117,7 @@ import { getList as getShipList } from '@/api/transportCapacity/transport-ship';
 import { getDeptTree } from '@/api/system/dept';
 import { exportBlob } from '@/api/common';
 import { downloadXls } from '@/utils/util';
+import { openImportDialog } from '@/utils/import-excel';
 import { getToken } from '@/utils/auth';
 import { mapGetters } from 'vuex';
 import { excelOption, option } from '@/option/vehicle/annual-inspection-record';
@@ -121,6 +141,7 @@ export default {
         total: 0,
       },
       selectionList: [],
+      boxType: '',
       data: [],
     };
   },
@@ -332,6 +353,7 @@ export default {
         });
     },
     beforeOpen(done, type) {
+      this.boxType = type;
       if (type === 'add') {
         this.form = {
           vehicleType: '车辆',
@@ -389,12 +411,7 @@ export default {
         });
     },
     handleImport() {
-      this.excelBox = true;
-    },
-    uploadAfter(res, done) {
-      this.excelBox = false;
-      this.onLoad(this.page);
-      done();
+      openImportDialog(this, '年检记录');
     },
     handleExport() {
       this.$confirm('是否导出年检记录数据?', '提示', {
@@ -424,7 +441,9 @@ export default {
     },
     handleTemplate() {
       exportBlob(
-        `/blade-transport/annual-inspection-record/export-template?${this.website.tokenHeader}=${getToken()}`
+        `/blade-transport/annual-inspection-record/export-template?${
+          this.website.tokenHeader
+        }=${getToken()}`
       ).then(res => {
         downloadXls(res.data, '年检记录模板.xlsx');
       });