From 4fc4068252f1a07e0f42c20ad058a32c87f85a28 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期五, 28 七月 2023 16:24:52 +0800
Subject: [PATCH] 手机号增加校验

---
 src/views/sales/subOrder/AddSubOrderDialog.vue |   81 ++++++++++++++++++++++++++++++++++------
 1 files changed, 69 insertions(+), 12 deletions(-)

diff --git a/src/views/sales/subOrder/AddSubOrderDialog.vue b/src/views/sales/subOrder/AddSubOrderDialog.vue
index a9ad5d0..bdd8ef5 100644
--- a/src/views/sales/subOrder/AddSubOrderDialog.vue
+++ b/src/views/sales/subOrder/AddSubOrderDialog.vue
@@ -21,11 +21,20 @@
           <div class="basic-info-view">
             <el-row>
               <el-col :span="12">
-                <el-form-item label="瀹㈡埛鍚嶇О" prop="clientId">
+                <el-form-item label="瀹㈡埛鍚嶇О" prop="client_name">
                   <div class="custom-name">
-                    <el-input v-model="editConfig.infomation.clientId"></el-input>
-                    <div class="common-select-btn"><i class="el-icon-circle-plus-outline" title="閫夋嫨"></i></div>
-                    <div class="common-select-btn"><i class="el-icon-edit" title="缂栬緫"></i></div>
+                    <el-autocomplete
+                      v-model="editConfig.infomation.client_name"
+                      :fetch-suggestions="querySearchAsync"
+                      value-key="name"
+                      @select="handleSelectClient"
+                    ></el-autocomplete>
+                    <div class="common-select-btn" @click="selClientClick">
+                      <i class="el-icon-circle-plus-outline" title="閫夋嫨"></i>
+                    </div>
+                    <div class="common-select-btn" @click="clearupClient">
+                      <i class="el-icon-edit-outline" title="娓呴櫎"></i>
+                    </div>
                   </div>
                 </el-form-item>
               </el-col>
@@ -51,7 +60,7 @@
                     size="mini"
                     style="width: 63%"
                   >
-                    <el-option v-for="item in memberOptions" :key="item.value" :label="item.label" :value="item.value">
+                    <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id">
                     </el-option>
                   </el-select>
                 </el-form-item>
@@ -166,9 +175,15 @@
         </div>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆瓨</el-button>
+        <el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button>
         <el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
       </div>
+      <!-- 閫夋嫨瀹㈡埛 -->
+      <SelectClientDialog
+        v-if="editSelectClientConfig.editVisible"
+        :edit-common-config="editSelectClientConfig"
+        @selClient="selClient"
+      />
     </el-dialog>
   </div>
 </template>
@@ -177,9 +192,10 @@
 import CommonFormTableView from "@/components/makepager/CommonFormTableView"
 import { getAllData } from "@/api/client/client"
 import { getAddSubOrder, getUpdateSubOrder } from "@/api/sales/subOrder"
+import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog"
 export default {
-  name: "QuotationDialog",
-  components: { CommonFormTableView },
+  name: "SubOrderDialog",
+  components: { CommonFormTableView, SelectClientDialog },
   props: {
     editCommonConfig: {
       type: Object,
@@ -192,7 +208,11 @@
       }
     }
   },
-  computed: {},
+  computed: {
+    clientList() {
+      return this.$store.state.getClientName.clientList
+    }
+  },
   data() {
     return {
       dialogWidth: "80%",
@@ -219,10 +239,16 @@
         total: false,
         sumProp: ["other1", "other7"],
         mergeNumber: 7
+      },
+      editSelectClientConfig: {
+        editVisible: false,
+        title: "",
+        infomation: {}
       }
     }
   },
   created() {
+    this.$store.dispatch("geClient")
     this.setTableForm()
     this.getCommonData()
   },
@@ -230,7 +256,10 @@
     getCommonData() {
       getAllData()
         .then((res) => {
-          this.memberOptions = res.data.member
+          console.log(res)
+          if (res.code === 200) {
+            this.memberOptions = res.data.member
+          }
         })
         .catch((err) => {
           console.log(err)
@@ -286,8 +315,8 @@
       let data = this.editConfig.infomation
       let params = {
         id: this.editConfig.title === "鏂板缓" ? 0 : data.id,
-        clientId: data.clientId || 0,
-        masterOrderId: data.masterOrderId || 0,
+        clientId: parseInt(data.client_id) || 0,
+        masterOrderId: parseInt(data.masterOrderId) || 0,
         memberId: data.memberId || 0,
         number: data.number || "",
         product: [
@@ -306,6 +335,33 @@
     },
     handleClose() {
       this.editConfig.visible = false
+    },
+    // 閫夋嫨瀹㈡埛鐩稿叧鏂规硶
+    querySearchAsync(queryString, cb) {
+      var restaurants = this.clientList
+      var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants
+      cb(results)
+    },
+    createStateFilter(queryString) {
+      return (state) => {
+        return state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0
+      }
+    },
+    handleSelectClient(item) {
+      this.editConfig.infomation.client_id = item.id
+    },
+    selClientClick() {
+      this.editSelectClientConfig.editVisible = true
+    },
+    selClient(row) {
+      console.log(row)
+      this.editConfig.infomation.client_name = row.name
+      this.editConfig.infomation.client_id = row.id
+    },
+    // 娓呴櫎宸查�夋嫨鐢ㄦ埛
+    clearupClient() {
+      this.editConfig.infomation.client_name = ""
+      this.editConfig.infomation.client_id = 0
     },
     // 娣诲姞闄勪欢
     addAnnexClick() {},
@@ -364,6 +420,7 @@
         .common-select-btn {
           margin-left: 5px;
           font-size: 18px;
+          cursor: pointer;
         }
       }
     }

--
Gitblit v1.8.0