✨ feat: 基础增删改查

klp-ui/src/views/wms/purchasePlan/panels/detail.vue

@@ -158,9 +158,7 @@
         </el-form-item>
         <!-- 远程搜索供应商 -->
         <el-form-item label="供应商" prop="supplierId">
-          <el-select remote filterable v-model="form.supplierId" placeholder="请选择供应商" :remote-method="remoteSearchVendor" :loading="vendorLoading">
-            <el-option v-for="item in vendorList" :key="item.supplierId" :label="item.name" :value="item.supplierId" />
-          </el-select>
+          <VendorSelect v-model="form.supplierId" />
         </el-form-item>
         <!-- 远程搜索合同 -->
         <el-form-item label="合同" prop="contractId">
@@ -208,6 +206,7 @@ import UserSelect from '@/components/KLPService/UserSelect'
 import { RawMaterialInfo } from '@/components/KLPService';
 import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
 import QualityCerticate from './qualityCerticate.vue'
+import VendorSelect from '@/components/KLPService/VendorSelect/index.vue';
 
 export default {
   name: "PurchasePlanDetail",
@@ -217,7 +216,8 @@ export default {
     UserSelect,
     RawMaterialInfo,
     BomInfoMini,
-    QualityCerticate
+    QualityCerticate,
+    VendorSelect
   },
   props: {
     planId: {
@@ -299,10 +299,7 @@ export default {
   },
   created() {
     this.getList();
-    this.remoteSearchVendor('');
     this.remoteSearchContract('');
-    // this.getVendorList();
-    // this.getContractList();
   },
   watch: {
     planId: {
@@ -316,15 +313,6 @@ export default {
     }
   },
   methods: {
-    // 默认执行一次
-    remoteSearchVendor(query) {
-      this.vendorLoading = true;
-      listSupplier({ name: query, pageNum: 1, pageSize: 10 }).then(response => {
-        this.vendorList = response.rows;
-      }).finally(() => {
-        this.vendorLoading = false;
-      });
-    },
     remoteSearchContract(query) {
       this.contractLoading = true;
       listContract({ contractNo: query, pageNum: 1, pageSize: 10 }).then(response => {
@@ -333,16 +321,6 @@ export default {
         this.contractLoading = false;
       });
     },
-    // getVendorList() {
-    //   listSupplier().then(response => {
-    //     this.vendorList = response.rows;
-    //   });
-    // },
-    // getContractList() {
-    //   listContract({ type: 'purchase' }).then(response => {
-    //     this.contractList = response.rows;
-    //   });
-    // },
     /** 查询采购计划明细列表 */
     getList() {
       this.loading = true;