入场卷号输入优化

klp-ui/src/views/mes/qc/certificate/physics.vue

@@ -171,9 +171,14 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="入场钢卷号" prop="coilNo">
-          <!-- <coil-selector :use-trigger="true" @select="handleSelect"
-            :filters="{ selectType: 'product', status: 0, dataType: 1 }" /> -->
-          <el-input v-model="form.coilNo" placeholder="请输入入场钢卷号" />
+          <el-autocomplete
+            v-model="form.coilNo"
+            :fetch-suggestions="queryCoilNo"
+            placeholder="请输入入场钢卷号（输入2个字符以上自动搜索）"
+            :loading="coilNoLoading"
+            :trigger-on-focus="false"
+            clearable
+          />
         </el-form-item>
         <el-form-item label="屈服强度(MPa)" prop="yieldStrength">
           <el-input v-model="form.yieldStrength" placeholder="请输入屈服强度(MPa)" />
@@ -312,6 +317,7 @@
 import * as XLSX from 'xlsx';
 import { listPhysicalItem, getPhysicalItem, delPhysicalItem, addPhysicalItem, updatePhysicalItem, batchAddPhysicalItem } from "@/api/mes/qc/physicalItem";
 import CoilSelector from "@/components/CoilSelector";
+import { listMaterialCoil } from "@/api/wms/coil";
 
 const PHYS_TEMPLATE_HEADERS = [
   '当前钢卷号', '屈服强度(MPa)', '抗拉强度(MPa)', '伸长率(%)', '硬度(HRB)', '弯曲试验',
@@ -391,7 +397,9 @@ export default {
       importStatus: 'idle', // idle | validated | matched | processing | finished | error
       importErrorMsg: '',
       importValidateLoading: false,
-      importLoading: false
+      importLoading: false,
+      coilNoOptions: [],
+      coilNoLoading: false,
     };
   },
   created() {
@@ -460,6 +468,26 @@ export default {
     handleSelect(coil) {
       this.form.coilNo = coil.enterCoilNo;
     },
+    queryCoilNo(queryString, cb) {
+      if (!queryString || queryString.length < 2) {
+        cb([]);
+        return;
+      }
+      this.coilNoLoading = true;
+      listMaterialCoil({
+        enterCoilNo: queryString,
+        pageNum: 1,
+        pageSize: 20
+      }).then(response => {
+        const options = (response.rows || []).map(item => ({
+          value: item.enterCoilNo,
+          label: item.enterCoilNo
+        }));
+        cb(options);
+      }).finally(() => {
+        this.coilNoLoading = false;
+      });
+    },
     handleBatchAdd(rows) {
       this.loading = true;
       this.buttonLoading = true;