From 26c39cd359bc0d2edc88408ff51ef70554e32a90 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 29 二月 2024 09:48:17 +0800
Subject: [PATCH] 跟进记录明细报价单没点击弹框下拉数据为空的问题选择机会或者报价单赋值客户名称

---
 src/views/sales/quotation/AddQuotationDialog.vue |  256 +++++++++++++++++++++++++++++++++++---------------
 1 files changed, 179 insertions(+), 77 deletions(-)

diff --git a/src/views/sales/quotation/AddQuotationDialog.vue b/src/views/sales/quotation/AddQuotationDialog.vue
index f51a995..8bd4326 100644
--- a/src/views/sales/quotation/AddQuotationDialog.vue
+++ b/src/views/sales/quotation/AddQuotationDialog.vue
@@ -165,8 +165,44 @@
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="閿�鍞満浼�" prop="sale_chance_name"
-                :rules="[{ required: autoCodeHeadersObj.Xsjh=='yes'?true:false, validator: this.checkChance, trigger: 'change' }]">
+                <el-form-item label="瀹㈡埛鍚嶇О" prop="client_name">
+                  <div class="custom-name">
+                    <el-autocomplete
+                      style="width: 100%"
+                      v-model="editConfig.infomation.client_name"
+                      :fetch-suggestions="
+                        (queryString, callback) => {
+                          querySearchAsync(queryString, callback, 'client')
+                        }
+                      "
+                      value-key="name"
+                      @select="handleSelectClient('client', $event)"
+                    ></el-autocomplete>
+                    <div class="common-select-btn" @click="selClientClick('client')">
+                      <i class="el-icon-circle-plus-outline" title="閫夋嫨"></i>
+                    </div>
+                    <div
+                      v-if="editConfig.infomation.client_name && editConfig.infomation.client_name.length > 0"
+                      class="common-select-btn"
+                      @click="clearupClient('client')"
+                    >
+                      <i class="el-icon-remove-outline" title="娓呴櫎"></i>
+                    </div>
+                  </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="閿�鍞満浼�"
+                  prop="sale_chance_name"
+                  :rules="[
+                    {
+                      required: autoCodeHeadersObj.Xsjh == 'yes' ? true : false,
+                      validator: this.checkChance,
+                      trigger: 'change'
+                    }
+                  ]"
+                >
                   <div class="custom-name">
                     <el-autocomplete
                       v-model="editConfig.infomation.sale_chance_name"
@@ -250,7 +286,7 @@
             <CommonFormTableView
               :show-summary="showSummary"
               pageName="quotation"
-              :addTypeIdMultiple="false"
+              :addTypeIdMultiple="true"
               :product-table-list="productTableList"
               @inputContent="inputContent"
               @addProductClick="addProductClick"
@@ -336,6 +372,7 @@
 import SelectContactDialog from "@/views/other/commonDialog/SelectContactDialog"
 import SelectChanceDialog from "@/views/other/commonDialog/SelectChanceDialog"
 import codeMixin from "@/components/makepager/mixin/codeMixin"
+import { getSaleChanceList } from "@/api/sales/salesOpportunity"
 export default {
   name: "QuotationDialog",
   mixins: [codeMixin],
@@ -361,10 +398,10 @@
     },
     contactNamelist() {
       return this.$store.state.getClientName.contactNamelist
-    },
-    saleChancelist() {
-      return this.$store.state.getClientName.saleChancelist
     }
+    // saleChancelist() {
+    //   return this.$store.state.getClientName.saleChancelist
+    // }
   },
   data() {
     return {
@@ -376,7 +413,8 @@
         quotationName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
         quotation_status_id: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
         // sale_chance_name: [{ required: true, validator: this.checkChance, trigger: "change" }],
-        member_id: [{ required: true, validator: this.validateMemberId, trigger: "change" }]
+        member_id: [{ required: true, validator: this.validateMemberId, trigger: "change" }],
+        client_name: [{ required: true, message: "璇烽�夋嫨瀹㈡埛鍚嶇О", trigger: "change" }]
       },
       memberOptions: [],
       quotationStatusOptions: [], // 鎶ヤ环鍗曠姸鎬�
@@ -410,24 +448,32 @@
       tableData: [],
       productId: 1,
       isNoProduct: true,
-      objCode: { name: "", page: 0, pageSize: 0, type: "鎶ヤ环缂栫爜", codeStandID: "" }
+      objCode: { name: "", page: 0, pageSize: 0, type: "鎶ヤ环缂栫爜", codeStandID: "" },
+      clientOptions: [], // 瀹㈡埛
+      saleChancelist: []
     }
+  },
+  mounted(){
+    this.getSaleChanceList()
   },
   created() {
     this.$store.dispatch("geClient")
     this.$store.dispatch("geContact")
-    this.$store.dispatch("geChance")
+    // this.$store.dispatch("geChance")
     this.setTableForm()
     this.getCommonData()
     this.formInfo()
-    this.getUseSystemSet({modeType:'bjd'})
+    this.getUseSystemSet({ modeType: "bjd" })
+    if (this.editConfig.title === "缂栬緫") {
+      this.getSaleChanceList({ id: this.editConfig.infomation.client_id })
+    }
   },
   watch: {
     "editConfig.visible"(val) {
       if (val) {
         this.formInfo()
       }
-    },
+    }
   },
   methods: {
     formInfo() {
@@ -441,7 +487,7 @@
       getAllData()
         .then((res) => {
           this.memberOptions = res.data.member
-          this.quotationStatusOptions = res.data.quotationStatus?res.data.quotationStatus:[]
+          this.quotationStatusOptions = res.data.quotationStatus ? res.data.quotationStatus : []
           if (this.editConfig.title === "鏂板缓") {
             let username = document.cookie.replace(/(?:(?:^|.*;\s*)username\s*=\s*([^;]*).*$)|^.*$/, "$1")
             this.memberOptions.map((item) => {
@@ -449,10 +495,13 @@
                 this.$set(this.editConfig.infomation, "member_id", item.id)
               }
             })
-            this.$set(this.editConfig.infomation,'quotation_status_id',this.quotationStatusOptions.length>0?this.quotationStatusOptions[0].id:'')
+            this.$set(
+              this.editConfig.infomation,
+              "quotation_status_id",
+              this.quotationStatusOptions.length > 0 ? this.quotationStatusOptions[0].id : ""
+            )
           }
-          
-          this.dataProcess()
+          // this.dataProcess()
         })
         .catch((err) => {
           console.log(err)
@@ -469,50 +518,50 @@
     saveClick(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
+          // for (let i = 0; i < this.tableData.length; i++) {
+          //   if (this.tableData[i].name.length === 0) {
+          //     this.isNoProduct = true
+          //     break
+          //   } else {
+          //     this.isNoProduct = false
+          //   }
+          // }
+          // if (this.isNoProduct) {
+          //   this.$message.error("浜у搧鍚嶇О涓嶈兘涓虹┖")
+          // } else {
           for (let i = 0; i < this.tableData.length; i++) {
-            if (this.tableData[i].name.length === 0) {
-              this.isNoProduct = true
-              break
-            } else {
-              this.isNoProduct = false
-            }
-          }
-          if (this.isNoProduct) {
-            this.$message.error("浜у搧鍚嶇О涓嶈兘涓虹┖")
-          } else {
-            for (let i = 0; i < this.tableData.length; i++) {
-              if (this.tableData[i].cost||Number(this.tableData[i].cost)==0) {
-                let reg = /^\+?[1-9]\d*$/;
-                if(!reg.test(this.tableData[i].cost)){
-                  this.$message.error("鎴愭湰鍗曚环闇�瑕佸~鍐欏ぇ浜�0鐨�2浣嶅皬鏁帮紒")
-                  return true;
-                }
+            if (this.tableData[i].cost) {
+              let reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/
+              if (!reg.test(this.tableData[i].cost)) {
+                this.$message.error("鎴愭湰鍗曚环闇�瑕佸~鍐欏ぇ浜�0鐨�2浣嶅皬鏁帮紒")
+                return true
               }
             }
-            const params = this.saveParams()
-            if (this.editConfig.title === "鏂板缓") {
-              getAddQuotation(params).then((res) => {
-                console.log(res)
-                this.editConfig.visible = false
-                if (res.code === 200) {
-                  this.$message.success("娣诲姞鎴愬姛")
-                  this.$parent.getData()
-                }
-              })
-            } else {
-              getUpdateQuotation(params).then((res) => {
-                this.editConfig.visible = false
-                if (res.code === 200) {
-                  this.$message.success("缂栬緫鎴愬姛")
-                  this.$parent.getData()
-                }
-              })
-            }
           }
-        } else {
-          console.log("error submit")
-          return false
+          const params = this.saveParams()
+          if (this.editConfig.title === "鏂板缓") {
+            getAddQuotation(params).then((res) => {
+              console.log(res)
+              this.editConfig.visible = false
+              if (res.code === 200) {
+                this.$message.success("娣诲姞鎴愬姛")
+                this.$parent.getData()
+              }
+            })
+          } else {
+            getUpdateQuotation(params).then((res) => {
+              this.editConfig.visible = false
+              if (res.code === 200) {
+                this.$message.success("缂栬緫鎴愬姛")
+                this.$parent.getData()
+              }
+            })
+          }
         }
+        // } else {
+        //   console.log("error submit")
+        //   return false
+        // }
       })
     },
     /**
@@ -527,6 +576,12 @@
     },
     saveParams() {
       let data = this.editConfig.infomation
+      let products = []
+      this.tableData.map((item) => {
+        if (item.number.length > 0) {
+          products.push(item)
+        }
+      })
       let params = {
         id: this.editConfig.title === "鏂板缓" ? 0 : data.id,
         quotationName: data.quotationName || "",
@@ -537,7 +592,7 @@
         quotation_status_id: data.quotation_status_id || 0,
         sale_chance_id: this.saleChanceId || 0,
         validity_date: data.validity_date || "",
-        products: this.tableData,
+        products: products,
         codeStandID: data.ID,
         client_id: this.clientId || 0
       }
@@ -565,11 +620,19 @@
       }
     },
     handleSelectClient(value, item) {
-      console.log(value)
+      console.log(item,'item')
       if (value === "client") {
         this.clientId = item.id
+        this.editConfig.infomation.client_name = item.name
+        this.getSaleChanceList(item)
       } else if (value === "chance") {
         this.saleChanceId = item.id
+        this.editConfig.infomation.sale_chance_name = item.name
+        this.editConfig.infomation.client_name = item.client.name
+        this.clientId = item.client.id
+        this.getSaleChanceList({id:this.clientId})
+        this.productTableList.tableData = item.products ? item.products : []
+        this.tableData = item.products ? item.products : []
       } else {
         this.contactId = item.id
       }
@@ -580,6 +643,7 @@
       } else if (value === "contact") {
         this.editSelectContactConfig.editVisible = true
       } else if (value === "chance") {
+        this.editSelectChanceConfig.clientId = this.clientId
         this.editSelectChanceConfig.editVisible = true
       }
     },
@@ -590,10 +654,15 @@
         this.contactId = row.id
       } else if (value === "chance") {
         this.editConfig.infomation.sale_chance_name = row.name
+        this.editConfig.infomation.client_name = row.client.name
+        this.clientId = row.client.id
         this.saleChanceId = row.id
+        this.productTableList.tableData = row.products ? row.products : []
+        this.tableData = row.products ? row.products : []
       } else {
         this.editConfig.infomation.client_name = row.name
         this.clientId = row.id
+        this.getSaleChanceList(row)
       }
       this.refresh()
     },
@@ -602,14 +671,41 @@
       if (value === "client") {
         this.editConfig.infomation.client_name = ""
         this.clientId = 0
+        this.getSaleChanceList()
       } else if (value === "chance") {
         this.editConfig.infomation.sale_chance_name = ""
         this.saleChanceId = 0
+        this.getSaleChanceList({id:this.clientId})
       } else {
         this.editConfig.infomation.contact_name = ""
         this.contactId = 0
       }
+      
+      this.productTableList.tableData = []
+      this.tableData = []
       this.refresh()
+    },
+    // 閿�鍞満浼氬垪琛�
+    async getSaleChanceList(item) {
+      let params={}
+      if(item){
+        params={
+          page: 0,
+          pageSize: 0,
+        }
+        params.search_map={
+          client_id: item.id
+        }
+      }else{
+        params={
+          page: 0,
+          pageSize: 0,
+        }
+      }
+      await getSaleChanceList(params).then((res) => {
+        console.log(res)
+        this.saleChancelist = res.data.list
+      })
     },
     // 娣诲姞闄勪欢
     addAnnexClick() {},
@@ -626,9 +722,9 @@
             name: "",
             number: "",
             price: 0,
-            cost:'',
-            profit:'',
-            margin:'',
+            cost: "",
+            profit: "",
+            margin: "",
             total: 0,
             unit: ""
           }
@@ -641,15 +737,16 @@
       }
       this.productTableList = {
         tableData: this.tableData,
+        isReturn: true,
         tableColumn: [
-          { label: "#", prop: "productId", width: 40 },
-          { label: "浜у搧鍚嶇О", prop: "name", productName: true, isRequird: true,min:110, },
+          // { label: "#", prop: "productId", width: 40 },
+          { label: "浜у搧鍚嶇О", prop: "name", productName: true, isRequird: true, min: 110 },
           { label: "浜у搧缂栧彿", prop: "number" },
           { label: "鍗曚綅", prop: "unit" },
           { label: "閿�鍞崟浠�", prop: "price", inputFloat: true, isRequird: true },
-          { label: "鎴愭湰鍗曚环", prop: "cost",input: true  },
+          { label: "鎴愭湰鍗曚环", prop: "cost", input: true },
           { label: "姣涘埄", prop: "profit" },
-          { label: "姣涘埄鐜�(%)", prop: "margin",min:90},
+          { label: "姣涘埄鐜�(%)", prop: "margin", min: 90 },
           { label: "鏁伴噺", prop: "amount", inputNumber: true, isRequird: true },
           { label: "浠风◣鍚堣", prop: "total", inputFloat: true }
         ]
@@ -657,9 +754,9 @@
     },
     // 浜у搧鍒楄〃杈撳叆
     inputContent(val, prop, row) {
-      this.productId = row.productId
+      // this.productId = row.productId
       this.tableData.map((item) => {
-        if (item.productId === row.productId) {
+        if (item.number === row.number) {
           item[prop] = val
         }
       })
@@ -684,14 +781,19 @@
       // this.showSummary.show = true
     },
     // 鏂板鏂瑰紡淇敼
-    getSelectArray(val){
-      if(val.length>0){
-        val.map((item, index) => {
-          item.productId = this.tableData.length + index+1
-        })
+    getSelectArray(val, index) {
+      if (this.tableData.length == 1 && this.tableData[0].number.length == 0) {
+        this.tableData = []
       }
-      this.tableData=this.tableData.concat(val);
-      this.productTableList.tableData=this.tableData
+      if (index < this.tableData.length) {
+        this.tableData.splice(index, 1)
+        val.map((item, ind) => {
+          this.tableData.splice(index + ind, 0, item)
+        })
+      } else {
+        this.tableData = this.tableData.concat(val)
+      }
+      this.productTableList.tableData = this.tableData
       this.showSummary.show = true
     },
     //  浜у搧娓呯┖
@@ -706,9 +808,9 @@
           name: "",
           number: "",
           price: 0,
-          cost:'',
-          profit:'',
-          margin:'',
+          cost: "",
+          profit: "",
+          margin: "",
           total: 0,
           unit: ""
         }
@@ -726,9 +828,9 @@
       if (this.editConfig.infomation.sale_chance_name && this.editConfig.infomation.sale_chance_name.length > 0) {
         callback()
       } else {
-        if(this.autoCodeHeadersObj.Xsjh=='yes'){
+        if (this.autoCodeHeadersObj.Xsjh == "yes") {
           callback(new Error("璇烽�夋嫨閿�鍞満浼�"))
-        }else{
+        } else {
           callback()
         }
       }

--
Gitblit v1.8.0