build 订单录入 采购员改为账号ID

src/apis/service/network/orderEntry/index.js

@@ -1,11 +1,11 @@
 // 业务参数
-import http from '@/apis/axios'
-const api = 'Admin/'
+import http from "@/apis/axios";
+const api = "Admin/";
 export default {
   // 分页查询
   list1: (data, params) => http(api + "customerlist", data, "post", params),
   // 列表
-  list2: (data, params) => http(api + 'companylist', data, 'post', params),
+  list2: (data, params) => http(api + "companylist", data, "post", params),
   // 分页查询
   list3: (data, params) => http(api + "supplierlist", data, "post", params),
   // 查出全部税率
@@ -20,5 +20,6 @@ export default {
   update: (data, params) => http(api + "intersave", data, "post", params),
   // 获取商品分类
   getcat: (data, params) => http(api + "getcat", data, "post", params),
-
-}
+  // 获取全部账户列表
+  accountall: (data, params) => http(api + "userall", data, "post", params),
+};

src/views/network/orderEntry/addEdit.vue

@@ -59,13 +59,26 @@
               /> </el-form-item
           ></el-col>
           <el-col :span="8">
-            <el-form-item label="采购员" prop="buyer">
-              <el-input
-                v-model.trim="ruleForm.buyer"
+            <el-form-item label="采购员" prop="buyerid">
+              <el-select
+                v-model="ruleForm.buyerid"
+                multiple
+                filterable
+                clearable
+                :multiple-limit="1"
                 placeholder="采购员"
                 :disabled="isDetail"
-                maxlength="200"
-              /> </el-form-item
+                @change="buyerChange"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="item in activeOptions"
+                  :key="`userid` + item.id"
+                  :label="item.nickname"
+                  :value="item.id"
+                  :disabled="item.status !== '1'"
+                />
+              </el-select> </el-form-item
           ></el-col>
           <el-col :span="8">
             <el-form-item label="采购员部门" prop="buy_depart">
@@ -334,6 +347,7 @@ export default {
       searchName3: "",
       searchName4: "",
       company_img: "",
+      activeOptions: [],
       depart_options: [
         {
           status: "1",
@@ -424,11 +438,12 @@ export default {
             trigger: "change",
           },
         ],
-        buyer: [
+        buyerid: [
           {
+            type: "array",
             required: true,
             message: "采购员不能为空！",
-            trigger: "blur",
+            trigger: "change",
           },
         ],
         buy_depart: [
@@ -583,6 +598,17 @@ export default {
     closeModel() {
       console.log("closeModel!!");
     },
+    buyerChange(e) {
+      const key = e && e.length > 0 ? e[0] : "";
+      const index = this.activeOptions.findIndex((item) => item.id + "" === key);
+      if (index != -1) {
+        this.ruleForm.buyer = this.activeOptions[index].nickname;
+      } else {
+        this.ruleForm.buyer = "";
+      }
+
+      this.$refs.ruleForm.validateField("buyerid");
+    },
     searchChange1(e) {
       this.ruleForm.khNo = JSON.parse(JSON.stringify(e));
       this.$refs.ruleForm.validateField("khNo");
@@ -607,6 +633,7 @@ export default {
       this.searchName3 = "";
       this.searchName4 = "";
       this.loading = true;
+      await this.getAllActive();
       if (this.id === "add") {
         this.title = "添加确认单信息";
         this.rulesThis = this.rules;
@@ -630,7 +657,7 @@ export default {
       //CMP20210608140627719  北京万宇恒通国际科贸有限公司
       //GYS-20210416-0316 北京顺捷玖芊科技有限公司
 
-      const {code,data,message} = await asyncRequest.detail({ id: this.id });
+      const { code, data, message } = await asyncRequest.detail({ id: this.id });
       if (code === 0) {
         const {
           addr,
@@ -657,12 +684,14 @@ export default {
           cat_f,
           rateid,
           buy_depart,
+          buyerid,
           buyer,
         } = data;
         this.searchName1 = knName;
         this.searchName2 = supperinfo;
         this.searchName3 = supplier;
         this.searchName4 = tax;
+        const buyer_id = buyerid || "";
         this.ruleForm = {
           khNo: [khNo],
           companyNo: [companyNo],
@@ -683,10 +712,11 @@ export default {
           goodNum: goodNum * 1,
           cgd_tax: cgd_tax * 1,
           tax: [rateid],
+          buyerid: buyer_id !== "" ? [buyer_id] : [],
           buyer: buyer,
           buy_depart: buy_depart,
         };
-      } else if (code >= 100 &&code <= 104) {
+      } else if (code >= 100 && code <= 104) {
         await this.logout();
       } else {
         this.$message.warning(message);
@@ -702,6 +732,16 @@ export default {
         }
       });
     },
+    async getAllActive() {
+      const { code, data, message } = await asyncRequest.accountall(this.dataForm);
+      if (code === 0) {
+        this.activeOptions = data;
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(message);
+      }
+    },
     setform() {
       this.ruleForm = {
         khNo: [],
@@ -722,6 +762,7 @@ export default {
         goodPice: 0,
         goodNum: 0,
         cgd_tax: 0,
+        buyerid: [],
         buyer: "",
         buy_depart: "网络部",
         tax: [],
@@ -752,6 +793,8 @@ export default {
       }
     },
     async submitForm() {
+      console.log(this.ruleForm);
+      return;
       await this.$refs.ruleForm.validate(async (valid) => {
         if (valid) {
           this.loading = true;
@@ -771,7 +814,7 @@ export default {
           obj.khNo = obj.khNo[0];
           obj.supplierNo = obj.supplierNo[0];
           obj.tax = obj.tax[0];
-          // obj.buyer = obj.sale_name;
+          obj.buyerid = obj.buyerid[0];
           // obj.buy_depart = obj.department;
           obj.id = this.id;
           for (let key in obj) {