采购开始做

klp-ui/src/views/wms/productBom/index.vue

@@ -2,20 +2,10 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="产品ID" prop="productId">
-        <el-input
-          v-model="queryParams.productId"
-          placeholder="请输入产品ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <ProductSelect v-model="queryParams.productId" placeholder="请选择产品" />
       </el-form-item>
       <el-form-item label="原材料ID" prop="rawMaterialId">
-        <el-input
-          v-model="queryParams.rawMaterialId"
-          placeholder="请输入原材料ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <RawMaterialSelect v-model="queryParams.rawMaterialId" placeholder="请选择原材料" />
       </el-form-item>
       <el-form-item label="每个产品所需原材料数量" prop="quantity">
         <el-input
@@ -125,10 +115,10 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="产品ID" prop="productId">
-          <el-input v-model="form.productId" placeholder="请输入产品ID" />
+          <ProductSelect v-model="form.productId" placeholder="请选择产品" />
         </el-form-item>
         <el-form-item label="原材料ID" prop="rawMaterialId">
-          <el-input v-model="form.rawMaterialId" placeholder="请输入原材料ID" />
+          <RawMaterialSelect v-model="form.rawMaterialId" placeholder="请选择原材料" />
         </el-form-item>
         <el-form-item label="每个产品所需原材料数量" prop="quantity">
           <el-input v-model="form.quantity" placeholder="请输入每个产品所需原材料数量" />
@@ -150,9 +140,15 @@
 
 <script>
 import { listProductBom, getProductBom, delProductBom, addProductBom, updateProductBom } from "@/api/wms/productBom";
+import ProductSelect from "@/components/KLPService/ProductSelect";
+import RawMaterialSelect from "@/components/KLPService/RawMaterialSelect";
 
 export default {
   name: "ProductBom",
+  components: {
+    ProductSelect,
+    RawMaterialSelect
+  },
   data() {
     return {
       // 按钮loading