From 7fbfeddedebd05e2d23ce411be887106d31e8eff Mon Sep 17 00:00:00 2001
From: zuozhengqing <a13193816592@163.com>
Date: 星期三, 27 三月 2024 15:02:18 +0800
Subject: [PATCH] 销售明细单产品列表添加动态表头,产品信息列表根据完成数量展示字体色

---
 src/views/sales/salesDetails/AddSalesDetailsDialog.vue |  528 ++++++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 401 insertions(+), 127 deletions(-)

diff --git a/src/views/sales/salesDetails/AddSalesDetailsDialog.vue b/src/views/sales/salesDetails/AddSalesDetailsDialog.vue
index 5499e2f..3422c40 100644
--- a/src/views/sales/salesDetails/AddSalesDetailsDialog.vue
+++ b/src/views/sales/salesDetails/AddSalesDetailsDialog.vue
@@ -90,9 +90,18 @@
                   </div>
                 </el-form-item>
               </el-col>
-
               <el-col :span="12">
-                <el-form-item label="閿�鍞満浼�" prop="sale_chance_name">
+                <el-form-item
+                  label="閿�鍞満浼�"
+                  prop="sale_chance_name"
+                  :rules="[
+                    {
+                      required: autoCodeHeadersObj.Ywjh == 'yes' ? true : false,
+                      message: '璇烽�夋嫨閿�鍞満浼�',
+                      trigger: 'change'
+                    }
+                  ]"
+                >
                   <div class="custom-name">
                     <el-autocomplete
                       style="width: 100%"
@@ -106,6 +115,7 @@
                       @select="handleSelectClient('chance', $event)"
                       :disabled="isNameChanceEdit || isView"
                     ></el-autocomplete>
+                    <!-- &&editConfig.infomation.client_name -->
                     <div
                       v-if="!isNameChanceEdit && !isView"
                       class="common-select-btn"
@@ -161,7 +171,18 @@
                 </el-form-item>
               </el-col> -->
               <el-col :span="12">
-                <el-form-item label="閿�鍞姤浠峰崟" prop="quotation_number">
+                <el-form-item
+                  label="閿�鍞姤浠峰崟"
+                  prop="quotation_number"
+                  :rules="[
+                    {
+                      required: autoCodeHeadersObj.Bjd == 'yes' ? true : false,
+                      message: '璇烽�夋嫨閿�鍞姤浠峰崟',
+                      trigger: 'change'
+                    }
+                  ]"
+                >
+                  <!-- isAddQuatation || -->
                   <div class="custom-name">
                     <el-autocomplete
                       v-model="editConfig.infomation.quotation_number"
@@ -173,21 +194,18 @@
                       value-key="number"
                       @select="handleSelectClient('quotation', $event)"
                       style="width: 100%"
-                      placeholder="璇峰厛閫夋嫨閿�鍞満浼�"
-                      :disabled="isAddQuatation || isView"
+                      placeholder="璇烽�夋嫨閿�鍞姤浠峰崟"
+                      :disabled="isView"
                     ></el-autocomplete>
-                    <div
-                      v-if="!isAddQuatation && !isView"
-                      class="common-select-btn"
-                      @click="selClientClick('quotation')"
-                    >
+                    <!-- !isAddQuatation && editConfig.infomation.sale_chance_name &&-->
+                    <div v-if="!isView" class="common-select-btn" @click="selClientClick('quotation')">
                       <i class="el-icon-circle-plus-outline" title="閫夋嫨"></i>
                     </div>
+                    <!-- !isAddQuatation && -->
                     <div
                       v-if="
                         editConfig.infomation.quotation_number &&
                         editConfig.infomation.quotation_number.length > 0 &&
-                        !isAddQuatation &&
                         !isView
                       "
                       class="common-select-btn"
@@ -300,7 +318,7 @@
                   ></el-input>
                 </el-form-item>
               </el-col>
-              <el-col :span="12">
+              <!-- <el-col :span="12">
                 <el-form-item label="鐗╂祦鍏徃" prop="logisticCompany">
                   <el-input v-model="editConfig.infomation.logisticCompany" :disabled="isView"></el-input>
                 </el-form-item>
@@ -309,7 +327,7 @@
                 <el-form-item label="鐗╂祦鍗曞彿" prop="logisticNumber">
                   <el-input v-model="editConfig.infomation.logisticNumber" :disabled="isView"></el-input>
                 </el-form-item>
-              </el-col>
+              </el-col> -->
               <el-col :span="12">
                 <el-form-item label="鐗╂祦璐圭敤" prop="logisticCost">
                   <el-input-number
@@ -388,7 +406,7 @@
           <!-- 浜у搧绠$悊 -->
           <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"
@@ -400,17 +418,31 @@
                 <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">
+            <!-- :detail-enter="true" -->
             <CommonFormTableView
               ref="commonFormTableView"
-              :detail-enter="true"
-              :select-box="selectBox"
+              :detail-enter="isView ? true : false"
+              :selectBox="false"
+              :addTypeIdMultiple="true"
               :show-summary="showSummary"
+              pageName="quotation"
+              :isOperate="
+                (autoCodeHeadersObj.Bjd == 'yes' && editConfig.infomation.quotation_number) ||
+                autoCodeHeadersObj.Bjd != 'yes'
+                  ? true
+                  : false
+              "
+              :quotationNumber="autoCodeHeadersObj.Bjd == 'yes' ? editConfig.infomation.quotation_number : ''"
               :product-table-list="productTableList"
               @inputContent="inputContent"
+              @addProductClick="addProductClick"
               @getSelectArray="getSelectArray"
+              @emptyProductClick="emptyProductClick"
+              @clearupProduct="clearupProduct"
+              @selTableCol="selTableCol"
             ></CommonFormTableView>
           </div>
           <!-- 閫夋嫨瀹℃壒娴佺▼ -->
@@ -503,6 +535,7 @@
 import { getDataByType } from "@/api/data"
 import { mapActions } from "vuex"
 import { getQuotationList } from "@/api/sales/quotation"
+import { getSystemSet } from "@/api/systemSet/commonSet"
 
 export default {
   name: "AddSalesDetailsDialog",
@@ -523,7 +556,7 @@
   computed: {
     clientList() {
       return this.$store.state.getClientName.clientList
-    }
+    },
     // saleChancelist() {
     //   return this.$store.state.getClientName.saleChancelist
     // },
@@ -533,7 +566,7 @@
   },
   data() {
     return {
-      dialogWidth: "50%",
+      dialogWidth: "60%",
       editConfig: this.editCommonConfig,
       rules: {
         client_name: [{ required: true, message: "璇烽�夋嫨瀹㈡埛鍚嶇О", trigger: "change" }],
@@ -541,8 +574,8 @@
         number: [{ required: true, validator: this.validateCheckCode, trigger: ["blur", "change"] }],
         signTime: [{ required: true, message: "璇烽�夋嫨绛剧害鏃ユ湡", trigger: "change" }],
         memberId: [{ required: true, validator: this.validateMemberId, trigger: "change" }],
-        sale_chance_name: [{ required: true, message: "璇烽�夋嫨閿�鍞満浼�", trigger: "change" }],
-        quotation_number: [{ required: true, message: "璇烽�夋嫨閿�鍞姤浠峰崟", trigger: "change" }],
+        // sale_chance_name: [{ required: true, message: "璇烽�夋嫨閿�鍞満浼�", trigger: "change" }],
+        // quotation_number: [{ required: true, message: "璇烽�夋嫨閿�鍞姤浠峰崟", trigger: "change" }],
         deliveryDate: [{ required: true, message: "璇烽�夋嫨浜や粯鏃ユ湡", trigger: "change" }]
         // approvalOpinion: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }]
       },
@@ -556,7 +589,7 @@
         show: true,
         total: true,
         sumProp: ["Amount", "total"],
-        mergeNumber: 2
+        mergeNumber: 7
       },
       editSelectClientConfig: {
         editVisible: false,
@@ -593,30 +626,68 @@
       quotationList: [],
       quotationId: this.editCommonConfig.infomation.quotationId,
       tableData: [],
-      selProductData: [],
       isView: this.editCommonConfig.title === "鏌ョ湅",
-      selectBox: this.editCommonConfig.title !== "鏌ョ湅",
       thatMember: {},
       pickerOptions: {
         disabledDate(time) {
-          return time.getTime() <  Date.now() - 8.64e7;
-        },
+          return time.getTime() < Date.now() - 8.64e7
+        }
       },
-      pickerOptionsBefore:{
+      pickerOptionsBefore: {
         disabledDate(time) {
-          return time.getTime() >  Date.now();
-        },
-      }
+          return time.getTime() > Date.now()
+        }
+      },
+      isRelevancyValue:"鏄�", //鏄惁鍚屾鎶ヤ环鍗�
+      isCollectionPlan:"鏄�", // 鏄惁鐢熸垚鏀舵璁″垝
+      isBjdRequird : false,
+      tableColumn: [
+        // { label: "#", prop: "productId", width: 40 },
+        { label: "浜у搧鍚嶇О", prop: "name", productName: true, isRequird: true, min: 110 },
+        { label: "瑙勬牸", prop: "specs" , },
+        { label: "鍨嬪彿", prop: "type" },
+        { label: "浜у搧缂栧彿", prop: "number" },
+        { label: "鍗曚綅", prop: "unit" },
+        { label: "閿�鍞崟浠�", prop: "price", inputFloat: !this.isBjdRequird, },
+        { label: "鎴愭湰鍗曚环", prop: "cost", input: !this.isBjdRequird },
+        { label: "姣涘埄", prop: "profit" },
+        { label: "姣涘埄鐜�(%)", prop: "margin", min: 90 },
+        { label: "鏁伴噺", prop: "amount", inputNumber: true, isRequird: true },
+        { label: "浠风◣鍚堣", prop: "total" }
+      ],
+      showCol: ["浜у搧鍚嶇О", "瑙勬牸", "鍨嬪彿", "浜у搧缂栧彿", "鍗曚綅", "閿�鍞崟浠�", "鎴愭湰鍗曚环","姣涘埄","姣涘埄鐜�(%)","鏁伴噺","浠风◣鍚堣"],
     }
   },
+  mounted(){
+    this.getSaleChanceList()
+    this.getQuotation()
+  },
   created() {
+    this.getSystemSet()
     if (this.editConfig.title !== "鏂板缓") {
+      this.productTableList.tableData = [
+        {
+          productId: this.productId,
+          id: 0,
+          amount: 0,
+          desc: "",
+          name: "",
+          number: "",
+          price: 0,
+          cost: "",
+          profit: "",
+          margin: "",
+          total: 0,
+          unit: ""
+        }
+      ]
       this.isAddQuatation = false
     }
     this.$store.dispatch("geClient")
     this.setTableForm()
     this.getCommonData()
     this.formInfo()
+    this.getUseSystemSet({ modeType: "xsmx" })
     if (this.editConfig.title === "缂栬緫") {
       this.productTableList.tableData = this.editConfig.infomation.products
     }
@@ -634,6 +705,41 @@
   // },
   methods: {
     ...mapActions(["getChanceFilter", "getSubunitFliter"]),
+    async getSystemSet(){
+      await getSystemSet().then((res) => {
+        if (res.code == 200) {
+          console.log(res,"resss")
+          if (res.data) {
+            this.isRelevancyValue = this.checkValueById(res.data.CRM, 5); 
+            this.isCollectionPlan=this.checkValueById(res.data.CRM, 4); 
+            console.log(this.isRelevancyValue,"鏄惁鍏宠仈")
+          }
+        }
+      })
+    },
+    setColumnVisible(showCol, tableColumn) {
+      return tableColumn.map((ele) => {
+        return {
+          ...ele,
+          isShowColumn: showCol.includes(ele.label)
+        }
+      })
+    },
+    selTableCol(val) {
+      this.showcol = val
+      this.productTableList.tableColumn = this.setColumnVisible(val, this.tableColumn)
+    },
+    checkValueById(data, id) {  
+      for (const key in data) {  
+          if (data.hasOwnProperty(key)) {  
+              const obj = data[key];  
+              if (obj.id === id) {  
+                  return obj.value;  
+              }  
+          }  
+      }  
+      return null; // 濡傛灉娌℃湁鎵惧埌鍖归厤鐨刬d锛屽垯杩斿洖null  
+    },
     formInfo() {
       this.objCode.type = "閿�鍞槑缁嗙紪鐮�"
       this.objCode.codeStandID = ""
@@ -671,53 +777,71 @@
     saveClick(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          for (let i = 0; i < this.selProductData.length; i++) {
-            if (this.selProductData[i].name.length === 0) {
-              this.isNoProduct = true
-              break
-            } else {
-              this.isNoProduct = false
+          // 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) {
+              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("璇烽�夋嫨浜у搧")
-          } else {
-            const params = this.saveParams()
-            if (this.editConfig.title === "鏂板缓") {
-              getAddSalesDetails(params).then((res) => {
-                console.log(res)
-                this.editConfig.visible = false
-                if (res.code === 200) {
-                  this.selProductData.map((item) => {
-                    this.amountTotal += parseFloat(item.total)
-                  })
-                  let config = {
-                    amountTotal: this.amountTotal,
-                    id: res.data.id
-                  }
-                  this.$emit("addCollectionPlanClick", config)
+          const params = this.saveParams()
+          if (this.editConfig.title === "鏂板缓") {
+            getAddSalesDetails(params).then((res) => {
+              console.log(res)
+              this.editConfig.visible = false
+              if (res.code === 200) {
+                this.tableData.map((item) => {
+                  this.amountTotal += parseFloat(item.total)
+                })
+                let config = {
+                  amountTotal: this.amountTotal,
+                  id: res.data.id
                 }
-              })
-            } else {
-              console.log(this.selProductData)
-              getUpdateSalesDetails(params).then((res) => {
-                console.log(res)
-                this.editConfig.visible = false
-                if (res.code === 200) {
-                  this.$message.success("缂栬緫鎴愬姛")
+                if(this.isCollectionPlan==="鏄�"){
+                  this.$emit("addCollectionPlanClick", config)
+                }else{
                   this.$parent.getData()
                 }
-              })
-            }
+              }
+            })
+          } else {
+            getUpdateSalesDetails(params).then((res) => {
+              console.log(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
+        // }
       })
     },
     saveParams() {
       let data = this.editConfig.infomation
+      let products = []
+      this.tableData.map((item) => {
+        if (item.number.length > 0) {
+          products.push(item)
+        }
+      })
       let commonParam = {
         address: data.address || "",
         addressee: data.addressee || "",
@@ -727,7 +851,7 @@
         memberId: data.memberId || 0,
         number: data.number || "",
         phone: data.phone || "",
-        products: this.selProductData,
+        products: products,
         remark: data.remark || "",
         saleChanceId: this.saleChanceId || 0,
         saleType: data.saleType || 0,
@@ -760,39 +884,34 @@
     },
     // 鑾峰彇鎶ヤ环鍗�
     getQuotation(id, value) {
-      getQuotationList({
-        page: 0,
+     let params={
+         page: 0,
         pageSize: 0,
-        search_map: {
-          sale_chance_id: id
-        }
-      }).then((res) => {
+     }
+     if(id){
+      params.search_map={
+        sale_chance_id: id
+      }
+     }
+      getQuotationList(params).then((res) => {
         if (res.code == 200) {
           console.log(res)
           this.quotationList = res.data.list
+          this.count = res.data.count
           if (value === "鍏ㄩ儴浜у搧") {
-            this.quotationList.map((item) => {
-              if (item.id === this.editConfig.infomation.quotationId) {
-                this.tableData = item.products
-                this.tableData.map((item, index) => {
-                  item.productId = index + 1
-                  this.selProductData.forEach((key) => {
-                    if (item.number === key.number) {
-                      item.amount = key.amount
-                      item.id = key.id
-                    }
-                  })
-                })
-                this.productTableList.tableData = this.tableData
-                this.selProductData.forEach((key) => {
-                  this.tableData.forEach((row) => {
-                    if (key.number === row.number) {
-                      this.$refs.commonFormTableView.$refs.fromTable.toggleRowSelection(row, true)
-                    }
-                  })
-                })
-              }
-            })
+            // this.quotationList.map((item) => {
+            // if (item.id === this.editConfig.infomation.quotationId) {
+            //   this.tableData.map((item, index) => {
+            //     item.productId = index + 1
+            //     this.tableData.forEach((key) => {
+            //       if (item.number === key.number) {
+            //         item.amount = key.amount
+            //         item.id = key.id
+            //       }
+            //     })
+            //   })
+            // }
+            // })
           }
         }
       })
@@ -804,11 +923,11 @@
         restaurants = this.clientList
         console.log(restaurants, "瀹㈡埛鍗�")
       } else if (value === "chance") {
-        restaurants = this.saleChancelist
+          restaurants = this.saleChancelist
       } else if (value === "subbill") {
         restaurants = this.subOrderList
       } else if (value === "quotation") {
-        restaurants = this.quotationList
+          restaurants = this.quotationList
       }
       var results = queryString ? restaurants.filter(this.createStateFilter(queryString, value)) : restaurants
       cb(results)
@@ -824,13 +943,22 @@
     },
     // 閿�鍞満浼氬垪琛�
     async getSaleChanceList(item) {
-      await getSaleChanceList({
-        page: 1,
-        pageSize: 15,
-        search_map: {
+      let params={}
+      if(item){
+        params={
+          page: 0,
+          pageSize: 0,
+        }
+        params.search_map={
           client_id: item.id
         }
-      }).then((res) => {
+      }else{
+        params={
+          page: 0,
+          pageSize: 0,
+        }
+      }
+      await getSaleChanceList(params).then((res) => {
         console.log(res)
         this.saleChancelist = res.data.list
       })
@@ -859,24 +987,39 @@
       } else if (value === "chance") {
         this.saleChanceId = item.id
         this.editConfig.infomation.sale_chance_name = item.name
+        this.clientId = item.client.id
+        this.editConfig.infomation.client_name = item.client.name
         this.isAddQuatation = false
+        this.getSaleChanceList({id:this.clientId})
         this.getQuotation(item.id)
       } else if (value === "subbill") {
         console.log("涓嬫媺妗嗙偣鍑�", item)
         this.subbillId = item.id
         this.editConfig.infomation.subbill_name = item.number
-      } else if (value === "quotation") {
-        this.productTableList.tableData = item.products
-        // this.tableData = item.products
+      } else if (value === "quotation") { //閿�鍞姤浠峰崟
+        if(this.isRelevancyValue==="鏄�"){
+          this.productTableList.tableData = item.products
+          this.tableData = item.products
+        }
         this.editConfig.infomation.quotation_number = item.number
         this.quotationId = item.id
+         //鍙嶅悜 瀹㈡埛鍚嶇О
+         this.editConfig.infomation.client_name = item.client.name
+        this.clientId = item.client.id
+        this.getSaleChanceList({id:this.clientId})
+        //鍙嶅悜 閿�鍞満浼�
+        this.editConfig.infomation.sale_chance_name = item.sale_chance.name
+        this.saleChanceId = item.sale_chance.id
+        this.getQuotation(this.saleChanceId)
       }
     },
     selClientClick(value) {
       if (value === "client") {
         this.editSelectClientConfig.editVisible = true
       } else if (value === "chance") {
-        this.editSelectChanceConfig.clientId = this.clientId
+        if (this.clientId) {
+          this.editSelectChanceConfig.clientId = this.clientId
+        }
         this.editSelectChanceConfig.editVisible = true
       } else if (value === "subbill") {
         this.editSelCommonConfig.title = "閿�鍞瓙鍗�"
@@ -884,31 +1027,55 @@
         this.editSelCommonConfig.clientId = this.clientId
       } else if (value === "quotation") {
         this.editSelCommonConfig.title = "鎶ヤ环鍗�"
+        if (this.saleChanceId && this.clientId) {
+          this.editSelCommonConfig.clientId = this.clientId
+          // 姝e悜閫夋嫨瀹㈡埛 閿�鍞満浼�  鎶ヤ环鍗�
+          this.editSelCommonConfig.isRequest = false
+          this.editSelCommonConfig.count = this.count
+          this.editSelCommonConfig.tableInfomation = [...this.quotationList]
+        } else {
+          // 鍙嶅悜閫夋嫨
+          this.editSelCommonConfig.isRequest = true
+        }
         this.editSelCommonConfig.editVisible = true
-        this.editSelCommonConfig.clientId = this.clientId
-        this.editSelCommonConfig.tableInfomation = [...this.quotationList]
       }
     },
+    // 鐐瑰嚮鍔犲彿
     selClient(row, value) {
       if (value === "client") {
         this.editConfig.infomation.sale_chance_name = ""
+        this.saleChanceId = ""
         this.editConfig.infomation.subbill_name = ""
+        // 娓呯┖鎶ヤ环鍗�
+        this.editConfig.infomation.quotation_number = ""
         this.editConfig.infomation.client_name = row.name
         this.clientId = row.id
         this.getSaleChanceList(row)
         this.getSubOrderList(row)
       } 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.editConfig.infomation.quotation_number = ""
         this.isAddQuatation = false
         this.getQuotation(row.id)
       } else if (value === "subbill") {
         this.editConfig.infomation.subbill_name = row.number
         this.subbillId = row.id
       } else if (value === "quotation") {
-        this.productTableList.tableData = row.products
-        // this.tableData = row.products
+        if(this.isRelevancyValue==="鏄�"){
+          this.productTableList.tableData = row.products
+          this.tableData = row.products
+        }
         this.editConfig.infomation.quotation_number = row.number
+        //鍙嶅悜 瀹㈡埛鍚嶇О
+        this.editConfig.infomation.client_name = row.client.name
+        this.clientId = row.client.id
+        //鍙嶅悜 閿�鍞満浼�
+        this.editConfig.infomation.sale_chance_name = row.sale_chance.name
+        this.saleChanceId = row.sale_chance.id
         this.quotationId = row.id
       }
     },
@@ -923,12 +1090,14 @@
         this.clientId = 0
         this.saleChanceId = 0
         this.subbillId = 0
+        this.getSaleChanceList()
       } else if (value === "chance") {
         this.editConfig.infomation.sale_chance_name = ""
         this.saleChanceId = 0
         this.isAddQuatation = true
         this.editConfig.infomation.quotation_number = ""
         this.quotationId = 0
+        this.getQuotation(this.saleChanceId)
       } else if (value === "subbill") {
         this.editConfig.infomation.subbill_name = ""
         this.subbillId = 0
@@ -936,7 +1105,15 @@
         this.editConfig.infomation.quotation_number = ""
         this.quotationId = 0
       }
-      this.productTableList.tableData = []
+      if(this.isRelevancyValue==="鏄�" && value === "quotation"){
+        this.productTableList.tableData = []
+        this.tableData = []
+      }else if(this.isRelevancyValue==="鍚�" && value === "quotation"){
+        console.log("false")
+      }else{
+        this.productTableList.tableData = []
+        this.tableData = []
+      }
     },
     // 娣诲姞闄勪欢
     addAnnexClick() {},
@@ -944,37 +1121,134 @@
     setFormatClick() {},
     setTableForm() {
       if (this.editConfig.title === "鏂板缓" || this.editConfig.infomation.products.length === 0) {
-        this.tableData = []
+        this.tableData = [
+          {
+            productId: this.productId,
+            id: 0,
+            amount: 0,
+            desc: "",
+            name: "",
+            number: "",
+            price: 0,
+            cost: "",
+            profit: "",
+            margin: "",
+            total: 0,
+            unit: ""
+          }
+        ]
       } else {
-        this.selProductData = this.editConfig.infomation.products
+        this.tableData = this.editConfig.infomation.products
+        this.tableData.map((item, index) => {
+          item.productId = index + 1
+        })
         this.getQuotation(this.editConfig.infomation.saleChanceId, "鍏ㄩ儴浜у搧")
       }
       // let productData = this.quotationList.products
+      this.isBjdRequird = false
+      if (this.autoCodeHeadersObj.Bjd == "yes") {
+        this.isBjdRequird = true
+      }
       this.productTableList = {
         tableData: this.tableData,
-        tableColumn: [
-          { label: "#", prop: "productId", width: 40 },
-          { label: "浜у搧鍚嶇О", prop: "name", isRequird: true },
-          { label: "浜у搧缂栧彿", prop: "number" },
-          { label: "鏁伴噺", prop: "amount", inputNumber: true, isRequird: true },
-          { label: "鍗曚綅", prop: "unit" },
-          { label: "閿�鍞崟浠�", prop: "price" },
-          { label: "浠风◣鍚堣", prop: "total" }
-        ]
+        isReturn: true,
+        allcol: [],
+        showcol: this.showCol,
+        // tableColumn: [
+        //   // { label: "#", prop: "productId", width: 40 },
+        //   { label: "浜у搧鍚嶇О", prop: "name", productName: true, isRequird: true, min: 110 },
+        //   { label: "瑙勬牸", prop: "specs" },
+        //   { label: "鍨嬪彿", prop: "type" },
+        //   { label: "浜у搧缂栧彿", prop: "number" },
+        //   { label: "鍗曚綅", prop: "unit" },
+        //   { label: "閿�鍞崟浠�", prop: "price", inputFloat: !this.isBjdRequird, },
+        //   { label: "鎴愭湰鍗曚环", prop: "cost", input: !this.isBjdRequird },
+        //   { label: "姣涘埄", prop: "profit" },
+        //   { label: "姣涘埄鐜�(%)", prop: "margin", min: 90 },
+        //   { label: "鏁伴噺", prop: "amount", inputNumber: true, isRequird: true },
+        //   { label: "浠风◣鍚堣", prop: "total" }
+        // ],
+        tableColumn: this.setColumnVisible(this.showCol, this.tableColumn)
+      }
+      this.setTableList(this.productTableList)
+    },
+    setTableList(productTableList) {
+      productTableList.allcol = productTableList.tableColumn.filter((ele) => !ele.default).map((ele) => ele.label)
+      this.searchOptions = []
+      for (let i = 0; i < productTableList.tableColumn.length; i++) {
+        const label = productTableList.tableColumn[i].label
+        const value = productTableList.tableColumn[i].prop
+        this.searchOptions.push({ value: value, label: label })
       }
     },
     // 浜у搧鍒楄〃杈撳叆
     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
         }
       })
     },
-    // 閫夋嫨浜у搧
-    getSelectArray(val) {
-      this.selProductData = val
+    // 浜у搧鏂板
+    addProductClick() {
+      // 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
+    },
+    //  浜у搧娓呯┖
+    emptyProductClick() {
+      this.productId = 1
+      this.tableData = [
+        {
+          productId: this.productId,
+          id: 0,
+          amount: 0,
+          desc: "",
+          name: "",
+          number: "",
+          price: 0,
+          cost: "",
+          profit: "",
+          margin: "",
+          total: 0,
+          unit: ""
+        }
+      ]
+      this.productTableList.tableData = this.tableData
+    },
+    clearupProduct(data) {
+      this.tableData = data
+      this.productTableList.tableData = this.tableData
     },
     // 鑾峰彇椤圭洰鍒楄〃
     async getProjectList() {

--
Gitblit v1.8.0