fix bug

2026-07-27 17:19:36 +08:00
parent e50d1b8fda
commit 1c7532e0de
132 changed files with 7066 additions and 1241 deletions
@@ -59,15 +59,44 @@
          {{ row.vehicleNo }}
        </el-button>
      </template>
+      <template #vehicleNoForm>
+        <el-autocomplete
+          v-model="form.vehicleNo"
+          :fetch-suggestions="fetchVehicleOptions"
+          :disabled="boxType === 'view'"
+          clearable
+          :placeholder="vehicleNoPlaceholder"
+          value-key="value"
+          class="maintenance-record-page__input"
+        />
+      </template>
      <template #mileage="{ row }">
        <span>{{ formatMileage(row.mileage, row.mileageUnit) }}</span>
      </template>
      <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>
    <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>
@@ -80,9 +109,12 @@

 <script>
 import { getList, getDetail, add, update, remove } from '@/api/vehicle/maintenance-record';
+import { getList as getVehicleList } from '@/api/transportCapacity/transport-vehicle';
+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 { formatUpdateUserName } from '@/utils/audit';
 import { getToken } from '@/utils/auth';
 import { mapGetters } from 'vuex';
@@ -106,6 +138,7 @@ export default {
      loading: true,
      excelBox: false,
      excelForm: {},
+      isDetailLoading: false,
      page: {
        pageSize: 10,
        pageSizes: [10, 20, 50, 100],
@@ -113,13 +146,20 @@ export default {
        total: 0,
      },
      selectionList: [],
+      boxType: '',
      option: {
        height: 'auto',
        calcHeight: 32,
-        dialogWidth: 980,
+        dialogWidth: 960,
+        labelPosition: 'right',
+        labelWidth: 'auto',
+        searchLabelWidth: 160,
        tip: false,
        searchShow: true,
-        searchMenuSpan: 6,
+        searchMenuSpan: 24,
+        searchIcon: true,
+        searchIndex: 8,
+        searchMenuPosition: 'right',
        border: true,
        index: true,
        viewBtn: true,
@@ -138,14 +178,19 @@ export default {
            ],
            value: '车辆',
            search: true,
+            span: 24,
+            change: ({ value }) => this.updateVehicleType(value || '车辆'),
            rules: [{ required: true, message: '请选择车船类型', trigger: 'change' }],
          },
          {
            label: '车牌号/船号',
            prop: 'vehicleNo',
            slot: true,
+            formslot: true,
            search: true,
            minWidth: 130,
+            span: 12,
+            placeholder: '输入车牌号/船号查询选择',
            rules: [
              { required: true, message: '请输入车牌号/船号', trigger: 'blur' },
              { max: 30, message: '最多 30 个字符', trigger: 'blur' },
@@ -154,6 +199,8 @@ export default {
          {
            label: '维修人',
            prop: 'maintainer',
+            span: 12,
+            placeholder: '请输入',
            rules: [{ max: 20, message: '最多 20 个字符', trigger: 'blur' }],
          },
          {
@@ -163,12 +210,16 @@ export default {
            format: 'YYYY-MM-DD HH:mm:ss',
            valueFormat: 'YYYY-MM-DD HH:mm:ss',
            minWidth: 170,
+            span: 12,
+            placeholder: '日期时间选择器',
            rules: [{ required: true, message: '请选择维修时间', trigger: 'click' }],
          },
          {
            label: '维修位置',
            prop: 'location',
            minWidth: 160,
+            span: 12,
+            placeholder: '请输入',
            rules: [{ max: 100, message: '最多 100 个字符', trigger: 'blur' }],
          },
          {
@@ -176,6 +227,8 @@ export default {
            prop: 'replacedPart',
            minWidth: 160,
            overHidden: true,
+            span: 12,
+            placeholder: '请输入',
            rules: [{ max: 200, message: '最多 200 个字符', trigger: 'blur' }],
          },
          {
@@ -183,6 +236,9 @@ export default {
            prop: 'cost',
            type: 'number',
            precision: 2,
+            append: '元',
+            span: 12,
+            placeholder: '请输入',
            rules: [
              { required: true, message: '请输入费用', trigger: 'blur' },
              { validator: validateNonNegative, trigger: 'blur' },
@@ -192,14 +248,27 @@ export default {
            label: '维修单位',
            prop: 'company',
            minWidth: 180,
+            span: 12,
+            placeholder: '请输入',
            rules: [{ max: 50, message: '最多 50 个字符', trigger: 'blur' }],
          },
          {
            label: '联系方式',
            prop: 'contact',
            minWidth: 150,
+            span: 12,
+            placeholder: '请输入',
            rules: [{ max: 20, message: '最多 20 个字符', trigger: 'blur' }],
          },
+          {
+            label: '地址',
+            prop: 'address',
+            minWidth: 180,
+            overHidden: true,
+            span: 24,
+            placeholder: '地图选址',
+            rules: [{ max: 100, message: '最多 100 个字符', trigger: 'blur' }],
+          },
          {
            label: '出厂时间',
            prop: 'factoryTime',
@@ -207,6 +276,8 @@ export default {
            format: 'YYYY-MM-DD HH:mm:ss',
            valueFormat: 'YYYY-MM-DD HH:mm:ss',
            minWidth: 170,
+            span: 12,
+            placeholder: '日期时间选择器',
          },
          {
            label: '里程/航程数',
@@ -214,7 +285,10 @@ export default {
            type: 'number',
            precision: 2,
            minWidth: 130,
+            append: '公里',
            slot: true,
+            span: 12,
+            placeholder: '请输入',
            rules: [{ validator: validateNonNegative, trigger: 'blur' }],
          },
          {
@@ -229,38 +303,22 @@ export default {
            hide: true,
          },
          {
-            label: '地址',
-            prop: 'address',
-            minWidth: 180,
-            overHidden: true,
+            label: '备注',
+            prop: 'remark',
+            type: 'textarea',
+            minRows: 5,
            span: 24,
-            rules: [{ max: 100, message: '最多 100 个字符', trigger: 'blur' }],
+            hide: true,
+            placeholder: '请输入',
+            rules: [{ max: 500, message: '最多 500 个字符', trigger: 'blur' }],
          },
          {
            label: '附件',
            prop: 'attachments',
-            type: 'upload',
-            listType: 'text',
-            multiple: true,
-            accept: '.jpg,.jpeg,.png,.pdf',
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-              name: 'name',
-            },
-            action: '/blade-resource/oss/endpoint/put-file',
            span: 24,
            minWidth: 100,
            slot: true,
-          },
-          {
-            label: '备注',
-            prop: 'remark',
-            type: 'textarea',
-            minRows: 4,
-            span: 24,
-            hide: true,
-            rules: [{ max: 500, message: '最多 500 个字符', trigger: 'blur' }],
+            formslot: true,
          },
          {
            label: '创建时间',
@@ -337,6 +395,7 @@ export default {
        ],
      },
      excelOption: {
+        labelPosition: 'right',
        submitBtn: false,
        emptyBtn: false,
        column: [
@@ -381,6 +440,9 @@ export default {
        editBtn: this.hasPermission('maintenance_record_edit'),
      };
    },
+    vehicleNoPlaceholder() {
+      return this.form.vehicleType === '船舶' ? '输入船号模糊查询选择' : '输入车牌号模糊查询选择';
+    },
    ids() {
      let ids = [];
      this.selectionList.forEach(ele => {
@@ -389,10 +451,50 @@ export default {
      return ids.join(',');
    },
  },
+  watch: {
+    'form.vehicleType': {
+      handler(value, oldValue) {
+        this.updateVehicleType(value || '车辆', oldValue);
+      },
+      immediate: true,
+    },
+  },
  methods: {
    hasPermission(code) {
      return this.isAdmin || this.validData(this.permission[code], false);
    },
+    updateVehicleType(vehicleType, oldValue) {
+      const mileageUnit = vehicleType === '船舶' ? '海里' : '公里';
+      const vehicleTypeColumn = this.findColumn(this.option.column, 'vehicleType');
+      const vehicleNoColumn = this.findColumn(this.option.column, 'vehicleNo');
+      const mileageColumn = this.findColumn(this.option.column, 'mileage');
+      const mileageUnitColumn = this.findColumn(this.option.column, 'mileageUnit');
+      vehicleNoColumn.placeholder =
+        vehicleType === '船舶' ? '输入船号模糊查询选择' : '输入车牌号模糊查询选择';
+      vehicleTypeColumn.disabled = Boolean(this.form.id);
+      mileageColumn.append = mileageUnit;
+      mileageUnitColumn.value = mileageUnit;
+      this.form.mileageUnit = mileageUnit;
+      if (!this.isDetailLoading && oldValue && vehicleType !== oldValue && this.form.vehicleNo) {
+        this.form.vehicleNo = '';
+      }
+    },
+    fetchVehicleOptions(queryString, callback) {
+      const vehicleType = this.form.vehicleType || '车辆';
+      const request = vehicleType === '船舶' ? getShipList : getVehicleList;
+      const params =
+        vehicleType === '船舶' ? { shipIdentifierNo: queryString } : { plateNo: queryString };
+      request(1, 20, params)
+        .then(res => {
+          const records = res.data.data.records || [];
+          callback(
+            records.map(item => ({
+              value: vehicleType === '船舶' ? item.shipIdentifierNo || item.shipName : item.plateNo,
+            }))
+          );
+        })
+        .catch(() => callback([]));
+    },
    formatMileage(value, unit) {
      if (value === undefined || value === null || value === '') return '';
      return `${Math.max(Number(value), 0)} ${unit || '公里'}`;
@@ -405,10 +507,12 @@ export default {
        const attachments = JSON.parse(value);
        return Array.isArray(attachments) ? `${attachments.length} 个` : '1 个';
      } catch (error) {
-        return value
-          .split(',')
-          .map(item => item.trim())
-          .filter(Boolean).length + ' 个';
+        return (
+          value
+            .split(',')
+            .map(item => item.trim())
+            .filter(Boolean).length + ' 个'
+        );
      }
    },
    parseAttachments(value) {
@@ -436,8 +540,13 @@ export default {
    },
    normalizeRow(row) {
      const values = { ...row };
-      if (!values.mileageUnit) {
-        values.mileageUnit = values.vehicleType === '船舶' ? '海里' : '公里';
+      values.vehicleType = values.vehicleType || '车辆';
+      values.mileageUnit = values.vehicleType === '船舶' ? '海里' : '公里';
+      if (values.vehicleNo) {
+        values.vehicleNo =
+          values.vehicleType === '船舶'
+            ? values.vehicleNo.trim()
+            : values.vehicleNo.trim().toUpperCase();
      }
      values.attachments = this.stringifyAttachments(values.attachments);
      return values;
@@ -498,12 +607,28 @@ export default {
        });
    },
    beforeOpen(done, type) {
+      this.boxType = type;
+      if (type === 'add') {
+        this.form = {
+          vehicleType: '车辆',
+          mileageUnit: '公里',
+        };
+        this.updateVehicleType('车辆');
+      }
      if (['edit', 'view'].includes(type)) {
-        getDetail(this.form.id).then(res => {
-          const detail = res.data.data;
-          detail.attachments = this.parseAttachments(detail.attachments);
-          this.form = detail;
-        });
+        this.isDetailLoading = true;
+        getDetail(this.form.id)
+          .then(res => {
+            const detail = res.data.data;
+            detail.attachments = this.parseAttachments(detail.attachments);
+            detail.vehicleType = detail.vehicleType || '车辆';
+            detail.mileageUnit = detail.vehicleType === '船舶' ? '海里' : '公里';
+            this.form = detail;
+            this.updateVehicleType(detail.vehicleType);
+          })
+          .finally(() => {
+            this.isDetailLoading = false;
+          });
      }
      done();
    },
@@ -547,12 +672,7 @@ export default {
        });
    },
    handleImport() {
-      this.excelBox = true;
-    },
-    uploadAfter(res, done) {
-      this.excelBox = false;
-      this.onLoad(this.page);
-      done();
+      openImportDialog(this, '维修记录');
    },
    handleExport() {
      this.$confirm('是否导出维修记录数据?', '提示', {
@@ -561,7 +681,10 @@ export default {
        type: 'warning',
      }).then(() => {
        NProgress.start();
-        exportBlob('/blade-transport/maintenance-record/export-maintenance-record', this.buildExportParams())
+        exportBlob(
+          '/blade-transport/maintenance-record/export-maintenance-record',
+          this.buildExportParams()
+        )
          .then(res => {
            downloadXls(res.data, `维修记录${this.$dayjs().format('YYYY-MM-DD HH:mm:ss')}.xlsx`);
          })
@@ -579,7 +702,9 @@ export default {
    },
    handleTemplate() {
      exportBlob(
-        `/blade-transport/maintenance-record/export-template?${this.website.tokenHeader}=${getToken()}`
+        `/blade-transport/maintenance-record/export-template?${
+          this.website.tokenHeader
+        }=${getToken()}`
      ).then(res => {
        downloadXls(res.data, '维修记录模板.xlsx');
      });
@@ -594,5 +719,9 @@ export default {
  :deep(.el-table td .cell) {
    white-space: nowrap;
  }
+
+  &__input {
+    width: 100%;
+  }
 }
 </style>