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 |  323 +++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 249 insertions(+), 74 deletions(-)

diff --git a/src/views/sales/quotation/AddQuotationDialog.vue b/src/views/sales/quotation/AddQuotationDialog.vue
index deb0a8d..8bd4326 100644
--- a/src/views/sales/quotation/AddQuotationDialog.vue
+++ b/src/views/sales/quotation/AddQuotationDialog.vue
@@ -26,7 +26,20 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item label="鎶ヤ环缂栧彿" prop="number">
-                  <WordInput
+                  <el-input
+                    v-if="
+                      editConfig.title == '缂栬緫' ||
+                      (editConfig.title == '鏂板缓' && codenumer && (explain != '' || isIdDisabled))
+                    "
+                    :disabled="editConfig.title == '缂栬緫'"
+                    v-model="editConfig.infomation.number"
+                    placeholder="璇疯緭鍏ョ紪鐮�"
+                  >
+                  </el-input>
+                  <span v-else-if="editConfig.title == '鏂板缓'" style="color: #f56c6c"
+                    >璇蜂紭鍏堥厤缃紪鐮佽鑼� <el-button type="text" @click="numberClick"> 閰嶇疆瑙勮寖 </el-button></span
+                  >
+                  <!-- <WordInput
                     v-if="codenumer && (explain != '' || isIdDisabled) && method == 0"
                     :codenumer="codenumer"
                     :sum="sum"
@@ -37,7 +50,7 @@
                   <span v-else-if="method == 0" style="color: #f56c6c"
                     >璇蜂紭鍏堥厤缃紪鐮佽鑼� <el-button type="text" @click="numberClick"> 閰嶇疆瑙勮寖 </el-button></span
                   >
-                  <span v-else>{{ editConfig.title === "鏂板缓" ? "鑷姩鐢熸垚" : editConfig.infomation.number }}</span>
+                  <span v-else>{{ editConfig.title === "鏂板缓" ? "鑷姩鐢熸垚" : editConfig.infomation.number }}</span> -->
                 </el-form-item>
               </el-col>
               <el-col :span="12">
@@ -152,7 +165,44 @@
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="閿�鍞満浼�" prop="sale_chance_name">
+                <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"
@@ -224,20 +274,23 @@
           <!-- 浜у搧绠$悊 -->
           <div class="basic-info-title" style="display: flex">
             浜у搧绠$悊
-            <div style="margin-left: 400px">
+            <!-- <div style="margin-left: 400px">
               甯佺
               <el-select v-model="editConfig.infomation.currency" placeholder="璇烽�夋嫨" size="mini" style="width: 63%">
                 <el-option v-for="item in currencyOptions" :key="item.id" :label="item.name" :value="item.id">
                 </el-option>
               </el-select>
-            </div>
+            </div> -->
           </div>
           <div class="product-view">
             <CommonFormTableView
               :show-summary="showSummary"
+              pageName="quotation"
+              :addTypeIdMultiple="true"
               :product-table-list="productTableList"
               @inputContent="inputContent"
               @addProductClick="addProductClick"
+              @getSelectArray="getSelectArray"
               @emptyProductClick="emptyProductClick"
               @recalculateProductClick="recalculateProductClick"
               @clearupProduct="clearupProduct"
@@ -318,7 +371,8 @@
 import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog"
 import SelectContactDialog from "@/views/other/commonDialog/SelectContactDialog"
 import SelectChanceDialog from "@/views/other/commonDialog/SelectChanceDialog"
-import codeMixin from "@/views/client/followupRecords/mixin/codeMixin"
+import codeMixin from "@/components/makepager/mixin/codeMixin"
+import { getSaleChanceList } from "@/api/sales/salesOpportunity"
 export default {
   name: "QuotationDialog",
   mixins: [codeMixin],
@@ -344,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 {
@@ -355,13 +409,15 @@
       dialogWidth: "50%",
       editConfig: this.editCommonConfig,
       rules: {
-        number: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+        number: [{ required: true, validator: this.validateCheckCode, trigger: ["blur", "change"] }],
+        quotationName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
         quotation_status_id: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
-        sale_chance_name: [{ required: true, validator: this.checkChance, trigger: "blur" }],
-        member_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" }],
+        client_name: [{ required: true, message: "璇烽�夋嫨瀹㈡埛鍚嶇О", trigger: "change" }]
       },
       memberOptions: [],
-      quotationStatusOptions: [{ id: 1, name: "涓嶇煡閬�" }], // 鎶ヤ环鍗曠姸鎬�
+      quotationStatusOptions: [], // 鎶ヤ环鍗曠姸鎬�
       currencyOptions: [{ id: 1, name: "浜烘皯甯�" }], // 甯佺
       approvalWorkflowOptions: [], // 瀹℃壒娴佺▼
       productTableList: {},
@@ -369,7 +425,7 @@
         show: true,
         total: true,
         sumProp: ["Amount", "total"],
-        mergeNumber: 2
+        mergeNumber: 7
       },
       editSelectClientConfig: {
         editVisible: false,
@@ -392,25 +448,31 @@
       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" })
+    if (this.editConfig.title === "缂栬緫") {
+      this.getSaleChanceList({ id: this.editConfig.infomation.client_id })
+    }
   },
   watch: {
     "editConfig.visible"(val) {
       if (val) {
         this.formInfo()
       }
-    },
-    "editConfig.infomation.codeStandID"() {
-      this.formInfo()
     }
   },
   methods: {
@@ -425,8 +487,21 @@
       getAllData()
         .then((res) => {
           this.memberOptions = res.data.member
-          this.quotationStatusOptions = res.data.quotationStatus
-          this.dataProcess()
+          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) => {
+              if (item.username == username) {
+                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.dataProcess()
         })
         .catch((err) => {
           console.log(err)
@@ -443,42 +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.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
+              }
             }
           }
-          if (this.isNoProduct) {
-            this.$message.error("浜у搧鍚嶇О涓嶈兘涓虹┖")
+          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 {
-            const params = this.saveParams()
-            console.log(params)
-            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()
-                }
-              })
-            }
+            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
         }
+        // } else {
+        //   console.log("error submit")
+        //   return false
+        // }
       })
     },
     /**
@@ -493,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 || "",
@@ -503,9 +592,9 @@
         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,
-        codeRule: this.codeRule
+        client_id: this.clientId || 0
       }
       return params
     },
@@ -531,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
       }
@@ -546,6 +643,7 @@
       } else if (value === "contact") {
         this.editSelectContactConfig.editVisible = true
       } else if (value === "chance") {
+        this.editSelectChanceConfig.clientId = this.clientId
         this.editSelectChanceConfig.editVisible = true
       }
     },
@@ -556,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()
     },
@@ -568,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() {},
@@ -592,7 +722,11 @@
             name: "",
             number: "",
             price: 0,
-            total: 0
+            cost: "",
+            profit: "",
+            margin: "",
+            total: 0,
+            unit: ""
           }
         ]
       } else {
@@ -603,38 +737,63 @@
       }
       this.productTableList = {
         tableData: this.tableData,
+        isReturn: true,
         tableColumn: [
-          { label: "#", prop: "productId", width: 40 },
-          { label: "浜у搧鍚嶇О", prop: "name", productName: true, isRequird: true },
+          // { 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: "profit" },
+          { label: "姣涘埄鐜�(%)", prop: "margin", min: 90 },
           { label: "鏁伴噺", prop: "amount", inputNumber: true, isRequird: true },
-          { label: "閿�鍞崟浠�", prop: "price", inputFloat: true },
           { label: "浠风◣鍚堣", prop: "total", inputFloat: true }
         ]
       }
     },
     // 浜у搧鍒楄〃杈撳叆
     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
         }
       })
     },
     // 浜у搧鏂板
     addProductClick() {
-      this.productId++
-      this.tableData.push({
-        productId: this.productId,
-        id: 0,
-        amount: 0,
-        desc: "",
-        name: "",
-        number: "",
-        price: 0,
-        total: 0
-      })
+      // this.productId++
+      // this.tableData.push({
+      //   productId: this.productId,
+      //   id: 0,
+      //   amount: 0,
+      //   desc: "",
+      //   name: "",
+      //   number: "",
+      //   price: 0,
+      //   cost:'',
+      //   profit:'',
+      //   margin:'',
+      //   total: 0,
+      //   unit: ""
+      // })
+      // this.showSummary.show = true
+    },
+    // 鏂板鏂瑰紡淇敼
+    getSelectArray(val, index) {
+      if (this.tableData.length == 1 && this.tableData[0].number.length == 0) {
+        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
     },
     //  浜у搧娓呯┖
@@ -649,7 +808,11 @@
           name: "",
           number: "",
           price: 0,
-          total: 0
+          cost: "",
+          profit: "",
+          margin: "",
+          total: 0,
+          unit: ""
         }
       ]
       this.productTableList.tableData = this.tableData
@@ -660,12 +823,24 @@
       this.tableData = data
       this.productTableList.tableData = this.tableData
     },
-    // 璁㈠崟缂栫爜鍗曠嫭鏍¢獙
+    // 閿�鍞満浼氬崟鐙牎楠�
     checkChance(rule, value, callback) {
       if (this.editConfig.infomation.sale_chance_name && this.editConfig.infomation.sale_chance_name.length > 0) {
         callback()
       } else {
-        callback(new Error("璇烽�夋嫨閿�鍞満浼�"))
+        if (this.autoCodeHeadersObj.Xsjh == "yes") {
+          callback(new Error("璇烽�夋嫨閿�鍞満浼�"))
+        } else {
+          callback()
+        }
+      }
+    },
+    // 閿�鍞礋璐d汉鑷畾涔夋牎楠岃鍒�
+    validateMemberId(rule, value, callback) {
+      if (this.editConfig.infomation?.member_id > 0) {
+        callback()
+      } else {
+        callback(new Error("璇烽�夋嫨閿�鍞礋璐d汉"))
       }
     }
   }

--
Gitblit v1.8.0