xiugai

src/views/product/components/create.vue

@@ -10,14 +10,22 @@
     <div class="create">
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="客户名称" prop="productName">
-          <el-input
+          <el-select v-model="form.customId" reserve-keyword remote :remote-method="customData" filterable placeholder="请选择客户">
+            <el-option
+              v-for="(item, index) in customList"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+          <!-- <el-input
             maxlength="50"
             v-model="form.productName"
             placeholder="请输入客户名称"
-          ></el-input>
+          ></el-input> -->
         </el-form-item>
         <el-form-item label="炼厂名称" prop="refineryId">
-          <el-select v-model="form.refineryId" placeholder="请选择炼厂">
+          <el-select v-model="form.refineryId" filterable reserve-keyword remote :remote-method="refineryData" placeholder="请选择炼厂">
             <el-option
               v-for="(item, index) in refineryList"
               :key="index"
@@ -27,7 +35,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="产品类型" prop="productType">
-          <el-select v-model="form.productType" placeholder="请选择产品类型">
+          <el-select v-model="form.productType" filterable reserve-keyword remote :remote-method="productData" placeholder="请选择产品类型">
             <el-option
               v-for="(item, index) in productTypeList"
               :key="index"
@@ -36,29 +44,36 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="产品名称" prop="productName">
+        <el-form-item label="产品名称">
           <el-input
             maxlength="50"
             v-model="form.productName"
             placeholder="请输入产品名称"
           ></el-input>
         </el-form-item>
-        <el-form-item label="销售价" prop="productName">
+        <el-form-item label="销售价">
           <el-input
             maxlength="50"
-            v-model="form.productName"
+            v-model="form.salePrice"
             placeholder="请输入销售价"
           ></el-input>
           元/吨
         </el-form-item>
-        <el-form-item label="预约提货量" prop="productName">
+        <el-form-item label="预约提货量">
           <el-input
             maxlength="50"
-            v-model="form.productName"
+            v-model="form.preQuantity"
             placeholder="请输入预约提货量"
           ></el-input>
           吨
         </el-form-item>
+        <el-form-item label="订单金额">
+          <el-input
+            maxlength="50"
+            v-model="form.actAmount"
+            disabled
+          ></el-input>
+        </el-form-item>
       </el-form>
     </div>
     <div class="buttons">
@@ -78,6 +93,7 @@ export default {
   },
   data() {
     return {
+      customList:[],
       form: {},
       refineryList: [],
       productTypeList: [
@@ -115,9 +131,33 @@ export default {
     };
   },
   created() {
-    this.findByEntity();
+    // this.findByEntity();
   },
   methods: {
+    //搜索炼厂
+    refineryData(value){
+      if (value) {
+        serve.findByEntity({refineryName:value}).then((res) => {
+          this.refineryList = res.data;
+        });
+      }
+    },
+    //搜索产品
+    productData(value){
+      if (value) {
+        serve.getRefineryProductList({productType:value}).then((res) => {
+          this.customList = res.data;
+        });
+      }
+    },
+    //搜索客户
+    customData(value){
+      if (value) {
+        serve.getRefineryCompanyList({name:value}).then((res) => {
+          this.customList = res.data;
+        });
+      }
+    },
     openDrawer() {},
     submit() {
       this.$refs["form"].validate((valid) => {
@@ -137,11 +177,11 @@ export default {
       else return serve.save(form);
     },
     //炼厂list
-    findByEntity() {
-      refineryServe.findByEntity().then((res) => {
-        this.refineryList = res.data;
-      });
-    },
+    // findByEntity() {
+    //   refineryServe.findByEntity().then((res) => {
+    //     this.refineryList = res.data;
+    //   });
+    // },
     closeWindow() {
       this.$emit("closeWindow");
       this.form = {};