From da3dbb56388ae49097e50ded584ed2abb7f5022d Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期二, 17 十月 2023 14:16:25 +0800
Subject: [PATCH] bug修复（5243）

---
 src/views/sales/salesDetails/AddSalesDetailsDialog.vue |  840 ++++++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 652 insertions(+), 188 deletions(-)

diff --git a/src/views/sales/salesDetails/AddSalesDetailsDialog.vue b/src/views/sales/salesDetails/AddSalesDetailsDialog.vue
index 90bc152..11ad76e 100644
--- a/src/views/sales/salesDetails/AddSalesDetailsDialog.vue
+++ b/src/views/sales/salesDetails/AddSalesDetailsDialog.vue
@@ -5,13 +5,15 @@
       :visible.sync="editConfig.visible"
       :width="dialogWidth"
       :before-close="handleClose"
+      append-to-body
+      custom-class="iframe-dialog"
     >
       <el-form
         ref="form"
         :model="editConfig.infomation"
         :rules="rules"
         label-position="right"
-        label-width="308px"
+        label-width="30%"
         size="mini"
         style="height: 60vh; overflow-x: hidden"
       >
@@ -22,29 +24,119 @@
           <div class="basic-info-view">
             <el-row>
               <el-col :span="12">
-                <el-form-item label="瀹㈡埛鍚嶇О" prop="customName">
+                <el-form-item label="璁㈠崟缂栧彿" prop="number">
+                  <WordInput
+                    v-if="codenumer && (explain != '' || isIdDisabled) && method == 0"
+                    :codenumer="codenumer"
+                    :sum="sum"
+                    :disabled="editConfig.title !== '鏂板缓' || isIdDisabled"
+                    :inputValue="inputValue"
+                    @codeList="codeList"
+                  />
+                  <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>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="瀹㈡埛鍚嶇О" prop="client_name">
                   <div class="custom-name">
-                    <el-input v-model="editConfig.infomation.customName"></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
+                      style="width: 100%"
+                      v-model="editConfig.infomation.client_name"
+                      :fetch-suggestions="
+                        (queryString, callback) => {
+                          querySearchAsync(queryString, callback, 'client')
+                        }
+                      "
+                      value-key="name"
+                      @select="handleSelectClient('client', $event)"
+                      :disabled="isNameChanceEdit"
+                    ></el-autocomplete>
+                    <div v-if="!isNameChanceEdit" 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 &&
+                        !isNameChanceEdit
+                      "
+                      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="saleChanceId">
+                  <div class="custom-name">
+                    <el-autocomplete
+                      style="width: 100%"
+                      v-model="editConfig.infomation.sale_chance_name"
+                      :fetch-suggestions="
+                        (queryString, callback) => {
+                          querySearchAsync(queryString, callback, 'chance')
+                        }
+                      "
+                      value-key="name"
+                      @select="handleSelectClient('chance', $event)"
+                      :disabled="isNameChanceEdit"
+                    ></el-autocomplete>
+                    <div v-if="!isNameChanceEdit" class="common-select-btn" @click="selClientClick('chance')">
+                      <i class="el-icon-circle-plus-outline"></i>
+                    </div>
+                    <div
+                      v-if="
+                        editConfig.infomation.sale_chance_name &&
+                        editConfig.infomation.sale_chance_name.length > 0 &&
+                        !isNameChanceEdit
+                      "
+                      class="common-select-btn"
+                      @click="clearupClient('chance')"
+                    >
+                      <i class="el-icon-remove-outline"></i>
+                    </div>
                   </div>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="璁㈠崟缂栧彿" prop="orderNumber">
-                  <el-input v-model="editConfig.infomation.orderNumber"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="閿�鍞満浼�" prop="salesOpportunity">
+                <el-form-item label="閿�鍞瓙鍗�" prop="subbill_name">
                   <div class="custom-name">
-                    <el-input v-model="editConfig.infomation.salesOpportunity"></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
+                      style="width: 100%"
+                      v-model="editConfig.infomation.subbill_name"
+                      :fetch-suggestions="
+                        (queryString, callback) => {
+                          querySearchAsync(queryString, callback, 'subbill')
+                        }
+                      "
+                      value-key="number"
+                      @select="handleSelectClient('subbill', $event)"
+                      :disabled="isNameChanceEdit"
+                    ></el-autocomplete>
+                    <div v-if="!isNameChanceEdit" class="common-select-btn" @click="selClientClick('subbill')">
+                      <i class="el-icon-circle-plus-outline" title="閫夋嫨"></i>
+                    </div>
+                    <div
+                      v-if="
+                        editConfig.infomation.subbill_name &&
+                        editConfig.infomation.subbill_name.length > 0 &&
+                        !isNameChanceEdit
+                      "
+                      class="common-select-btn"
+                      @click="clearupClient('subbill')"
+                    >
+                      <i class="el-icon-remove-outline" title="娓呴櫎"></i>
+                    </div>
                   </div>
                 </el-form-item>
               </el-col>
-              <el-col :span="12">
+              <!-- <el-col :span="12">
                 <el-form-item label="閫夋嫨婧愬崟" prop="selSourceOrder">
                   <el-select v-model="editConfig.infomation.selSourceOrder" size="mini" style="width: 63%">
                     <el-option
@@ -56,45 +148,67 @@
                     </el-option>
                   </el-select>
                 </el-form-item>
-              </el-col>
+              </el-col> -->
               <el-col :span="12">
-                <el-form-item label="绛剧害鏃ユ湡" prop="signDate">
-                  <el-date-picker v-model="editConfig.infomation.signDate" type="date" placeholder="閫夋嫨鏃ユ湡">
+                <el-form-item label="绛剧害鏃ユ湡" prop="signTime">
+                  <el-date-picker
+                    v-model="editConfig.infomation.signTime"
+                    value-format="yyyy-MM-dd"
+                    type="date"
+                    placeholder="閫夋嫨鏃ユ湡"
+                    style="width: 100%"
+                  >
                   </el-date-picker>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="閿�鍞礋璐ｄ汉" prop="salesHead">
+                <el-form-item label="閿�鍞礋璐ｄ汉" prop="memberId">
                   <el-select
-                    v-model="editConfig.infomation.salesHead"
+                    v-model="editConfig.infomation.memberId"
                     placeholder="璇烽�夋嫨"
                     size="mini"
-                    style="width: 63%"
+                    style="width: 100%"
                   >
-                    <el-option
-                      v-for="item in salesHeadOptions"
-                      :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>
               </el-col>
               <el-col :span="12">
                 <el-form-item label="浜や粯鏃ユ湡" prop="deliveryDate">
-                  <el-date-picker v-model="editConfig.infomation.deliveryDate" type="date" placeholder="閫夋嫨鏃ユ湡">
+                  <el-date-picker
+                    v-model="editConfig.infomation.deliveryDate"
+                    value-format="yyyy-MM-dd"
+                    type="date"
+                    placeholder="閫夋嫨鏃ユ湡"
+                    style="width: 100%"
+                  >
                   </el-date-picker>
                 </el-form-item>
               </el-col>
-              <el-col :span="12">
+              <!-- <el-col :span="12">
                 <el-form-item label="寰俊璁㈠崟鐘舵��" prop="wechatOrderStatus">
-                  <CommonSelectView
-                    :common-value="editConfig.infomation.wechatOrderStatus"
-                    :common-options="wechatOrderStatusOptions"
-                  />
+                  <div class="common-select">
+                    <el-select
+                      v-model="editConfig.infomation.wechatOrderStatus"
+                      placeholder="璇烽�夋嫨"
+                      class="common-select-sel"
+                      size="mini"
+                    >
+                      <el-option
+                        v-for="item in wechatOrderStatusOptions"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                      >
+                      </el-option>
+                    </el-select>
+                    <div class="common-select-btn">
+                      <i class="el-icon-setting"></i>
+                    </div>
+                  </div>
                 </el-form-item>
-              </el-col>
+              </el-col> -->
             </el-row>
           </div>
           <!-- 鏀惰揣淇℃伅 -->
@@ -102,36 +216,60 @@
           <div class="basic-info-view">
             <el-row>
               <el-col :span="12">
-                <el-form-item label="鏀惰揣浜�" prop="consignee">
-                  <el-input v-model="editConfig.infomation.consignee"></el-input>
+                <el-form-item label="鏀惰揣浜�" prop="addressee">
+                  <el-input v-model="editConfig.infomation.addressee"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="鏀惰揣浜鸿仈绯绘柟寮�" prop="consigneeContactInfo">
-                  <el-input v-model="editConfig.infomation.consigneeContactInfo"></el-input>
+                <el-form-item label="鏀惰揣浜鸿仈绯绘柟寮�" prop="phone">
+                  <el-input v-model="editConfig.infomation.phone"></el-input>
                 </el-form-item>
               </el-col>
-              <el-col :span="24">
-                <el-form-item label="鏀惰揣鍦板潃" prop="shippingAddress">
+              <el-col :span="12">
+                <el-form-item label="鏀惰揣鍦板潃" prop="address">
                   <el-input
+                    style="width: 100%"
                     type="textarea"
                     :autosize="{ minRows: 2 }"
-                    v-model="editConfig.infomation.shippingAddress"
+                    v-model="editConfig.infomation.address"
                   ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="鐗╂祦鍏徃" prop="logisticCompany">
+                  <el-input v-model="editConfig.infomation.logisticCompany"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="鐗╂祦鍗曞彿" prop="logisticNumber">
+                  <el-input v-model="editConfig.infomation.logisticNumber"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="鐗╂祦璐圭敤" prop="logisticCost">
+                  <el-input-number
+                    v-model="editConfig.infomation.logisticCost"
+                    placeholder="璇疯緭鍏�"
+                    :min="0"
+                    :precision="2"
+                    :controls="false"
+                    style="width: 100%; margin-right: 5px"
+                  ></el-input-number>
                 </el-form-item>
               </el-col>
             </el-row>
           </div>
           <!-- 鏉℃涓庢潯浠� -->
           <div class="basic-info-title">鏉℃涓庢潯浠�</div>
-          <div class="address-view">
+          <div class="basic-info-view">
             <el-row>
               <el-col :span="24">
-                <el-form-item label="鏉℃涓庢潯浠�" prop="termsTreaty">
+                <el-form-item label="鏉℃涓庢潯浠�" prop="conditions" label-width="15%">
                   <el-input
+                    style="width: 100%"
                     type="textarea"
                     :autosize="{ minRows: 4 }"
-                    v-model="editConfig.infomation.termsTreaty"
+                    v-model="editConfig.infomation.conditions"
                   ></el-input>
                 </el-form-item>
               </el-col>
@@ -139,17 +277,21 @@
           </div>
           <!-- 澶囨敞淇℃伅 -->
           <div class="basic-info-title">澶囨敞淇℃伅</div>
-          <div class="address-view">
+          <div class="basic-info-view">
             <el-row>
               <el-col :span="24">
-                <el-form-item label="澶囨敞" prop="notes">
-                  <el-input type="textarea" :autosize="{ minRows: 2 }" v-model="editConfig.infomation.notes"></el-input>
+                <el-form-item label="澶囨敞" prop="remark" label-width="15%">
+                  <el-input
+                    type="textarea"
+                    :autosize="{ minRows: 2 }"
+                    v-model="editConfig.infomation.remark"
+                  ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
           </div>
           <!-- 闄勪欢淇℃伅 -->
-          <div class="basic-info-title">闄勪欢淇℃伅</div>
+          <!-- <div class="basic-info-title">闄勪欢淇℃伅</div>
           <div class="basic-info-view">
             <el-row>
               <el-col :span="12">
@@ -174,23 +316,31 @@
                 </el-form-item>
               </el-col>
             </el-row>
-          </div>
+          </div> -->
           <!-- 浜у搧绠＄悊 -->
           <div class="basic-info-title" style="display: flex">
             浜у搧绠＄悊
             <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.value" :label="item.label" :value="item.value">
+                <el-option v-for="item in currencyOptions" :key="item.id" :label="item.name" :value="item.id">
                 </el-option>
               </el-select>
             </div>
           </div>
           <div class="product-view">
-            <CommonFormTableView :show-summary="showSummary" :product-table-list="productTableList" />
+            <CommonFormTableView
+              :show-summary="showSummary"
+              :product-table-list="productTableList"
+              @inputContent="inputContent"
+              @addProductClick="addProductClick"
+              @emptyProductClick="emptyProductClick"
+              @recalculateProductClick="recalculateProductClick"
+              @clearupProduct="clearupProduct"
+            />
           </div>
           <!-- 閫夋嫨瀹℃壒娴佺▼ -->
-          <div v-if="editConfig.title === '鏂板缓'" class="basic-info-title">閫夋嫨瀹℃壒娴佺▼</div>
+          <!-- <div v-if="editConfig.title === '鏂板缓'" class="basic-info-title">閫夋嫨瀹℃壒娴佺▼</div>
           <div v-if="editConfig.title === '鏂板缓'" class="basic-info-view">
             <el-row>
               <el-col :span="20">
@@ -232,24 +382,56 @@
                 </el-form-item>
               </el-col>
             </el-row>
-          </div>
+          </div> -->
         </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="editConfig.visible = false">淇濆瓨</el-button>
+        <!-- <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"
+      />
+      <!-- 閫夋嫨閿�鍞満浼� -->
+      <SelectChanceDialog
+        v-if="editSelectChanceConfig.editVisible"
+        :edit-common-config="editSelectChanceConfig"
+        @selClient="selClient"
+      />
+      <!-- 閿�鍞瓙鍗� -->
+      <SelectCommonDialog
+        v-if="editSelCommonConfig.editVisible"
+        :edit-common-config="editSelCommonConfig"
+        @selClient="selClient"
+      />
+      <!-- 鏂板缓 鏀舵璁″垝 -->
+      <AddCollectionPlan v-if="addCollectionConfig.visible" :edit-common-config="addCollectionConfig" />
     </el-dialog>
   </div>
 </template>
 
 <script>
-import CommonSelectView from "@/components/makepager/CommonSelectView"
 import CommonFormTableView from "@/components/makepager/CommonFormTableView"
+import { getAllData } from "@/api/client/client"
+import { getAddSalesDetails, getUpdateSalesDetails } from "@/api/sales/salesDetails"
+import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog"
+import SelectChanceDialog from "@/views/other/commonDialog/SelectChanceDialog"
+import AddCollectionPlan from "@/views/other/payment/collectionPlan/AddCollectionPlan"
+import codeMixin from "@/views/client/followupRecords/mixin/codeMixin"
+import { getSaleChanceList } from "@/api/sales/salesOpportunity"
+import { getSubOrderList } from "@/api/sales/subOrder"
+import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog"
+
+import { mapActions } from "vuex"
+
 export default {
   name: "AddSalesDetailsDialog",
+  mixins: [codeMixin],
   props: {
     editCommonConfig: {
       type: Object,
@@ -257,182 +439,464 @@
         return {
           visible: false,
           title: "鏂板缓",
-          infomation: {
-            customName: "",
-            orderNumber: "XSHT521",
-            salesOpportunity: "",
-            selSourceOrder: "",
-            signDate: "",
-            salesHead: "",
-            deliveryDate: "",
-            wechatOrderStatus: "",
-            consignee: "",
-            consigneeContactInfo: "",
-            shippingAddress: "",
-            termsTreaty: "",
-            notes: "",
-            approvalWorkflow: "",
-            approvalSteps: "",
-            approvalPerson: "",
-            approvalUrgent: "",
-            approvalOpinion: ""
-          }
+          infomation: {}
         }
       }
     }
   },
-  components: { CommonSelectView, CommonFormTableView },
-  computed: {},
+  components: { CommonFormTableView, SelectClientDialog, SelectChanceDialog, AddCollectionPlan, SelectCommonDialog },
+  computed: {
+    clientList() {
+      return this.$store.state.getClientName.clientList
+    }
+    // saleChancelist() {
+    //   return this.$store.state.getClientName.saleChancelist
+    // },
+    // subOrderList() {
+    //   return this.$store.state.getClientName.subOrderList
+    // }
+  },
   data() {
     return {
-      dialogWidth: "80%",
+      dialogWidth: "50%",
       editConfig: this.editCommonConfig,
       rules: {
-        customName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-        orderNumber: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-        signDate: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
-        salesHead: [{ required: true, message: "璇烽�夋嫨璐熻矗浜�", trigger: "change" }],
-        approvalOpinion: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }]
+        client_name: [{ required: true, message: "璇烽�夋嫨瀹㈡埛鍚嶇О", trigger: "change" }],
+        // subbill_name: [{ required: true, message: "璇烽�夋嫨閿�鍞瓙鍗�", trigger: "change" }],
+        number: [{ required: true, message: "璇疯緭鍏ヨ鍗曠紪鍙�", trigger: "blur" }],
+        signTime: [{ required: true, message: "璇烽�夋嫨绛剧害鏃ユ湡", trigger: "change" }],
+        memberId: [{ required: true, message: "璇烽�夋嫨閿�鍞礋璐ｄ汉", trigger: "change" }]
+        // approvalOpinion: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }]
       },
-      salesHeadOptions: [
-        // 閿�鍞礋璐ｄ汉
-        { value: "1", label: "BOSS" },
-        { value: "2", label: "Mia" },
-        { value: "3", label: "璐㈠姟" },
-        { value: "4", label: "甯傚満" },
-        { value: "5", label: "绯荤粺绠＄悊鍛�" },
-        { value: "6", label: "閿�鍞�" },
-        { value: "7", label: "閿�鍞�荤洃" }
-      ],
-      selSourceOrderOptions: [{ value: "1", label: "閿�鍞瓙鍗�" }],
+      memberOptions: [],
+      selSourceOrderOptions: [],
       wechatOrderStatusOptions: [], // 寰俊璁㈠崟鐘舵��
-      currencyOptions: [
-        { value: "1", label: "浜烘皯甯�(楼)" },
-        { value: "2", label: "鑻遍晳(拢)" },
-        { value: "3", label: "娆у厓(鈧�)" }
-      ], // 甯佺
+      currencyOptions: [{ id: 1, name: "浜烘皯甯�" }], // 甯佺
       approvalWorkflowOptions: [], // 瀹℃壒娴佺▼
       productTableList: {},
       showSummary: {
         show: true,
         total: true,
-        sumProp: ["other1", "other7"],
+        sumProp: ["Amount", "total"],
         mergeNumber: 2
-      }
+      },
+      editSelectClientConfig: {
+        editVisible: false,
+        title: "",
+        infomation: {}
+      },
+      editSelectChanceConfig: {
+        editVisible: false,
+        title: "",
+        infomation: {},
+        search_map: {}
+      },
+      editSelCommonConfig: {
+        editVisible: false,
+        title: "",
+        infomation: {}
+      },
+      clientId: this.editCommonConfig.infomation.client_id,
+      saleChanceId: this.editCommonConfig.infomation.saleChanceId,
+      subbillId: this.editCommonConfig.infomation.subbillId,
+      productId: 1,
+      isNoProduct: true,
+      addCollectionConfig: {
+        visible: false,
+        title: "鏂板缓",
+        infomation: {}
+      },
+      amountTotal: 0,
+      isNameChanceEdit: false
     }
   },
   created() {
+    this.$store.dispatch("geClient")
+    // this.$store.dispatch("geChance")
+    // this.$store.dispatch("getSubunit")
     this.setTableForm()
+    this.getCommonData()
+    this.formInfo()
+    // if (this.editConfig.title === "鏂板缓" && this.editConfig.infomation.client_name.length > 0) {
+    //   this.isNameChanceEdit = true
+    // }
+    // else {
+
+    // }
   },
-  methods: {
-    setTableForm() {
-      this.productTableList = {
-        tableData: [
-          {
-            id: "1",
-            productName: "涓婃捣鏈夐檺鍏徃",
-            other0: "ZDYBD03-1",
-            other1: "12",
-            other2: "",
-            other6: "3.00",
-            other7: "2.00"
-          }
-        ],
-        tableColumn: [
-          { label: "#", prop: "id", width: 40 },
-          { label: "浜у搧鍚嶇О", prop: "productName", input: true, isRequird: true },
-          { label: "浜у搧缂栧彿", prop: "other0" },
-          { label: "鏁伴噺", prop: "other1", input: true, isRequird: true },
-          { label: "鍚◣鍗曚环", prop: "other6", input: true },
-          { label: "浠风◣鍚堣", prop: "other7", input: true },
-          { label: "鎻忚堪", prop: "other8" },
-          { label: "婧愬崟绫诲瀷", prop: "other2" },
-          { label: "婧愬崟", prop: "other3" }
-        ]
+  watch: {
+    "editClientManageConfig.visible"(val) {
+      if (val) {
+        this.formInfo()
       }
     },
+    "editClientManageConfig.infomation.codeStandID"() {
+      this.formInfo()
+    }
+  },
+  methods: {
+    ...mapActions(["getChanceFilter", "getSubunitFliter"]),
+    formInfo() {
+      this.objCode.type = "閿�鍞槑缁嗙紪鐮�"
+      this.objCode.codeStandID = ""
+      if (this.editConfig.infomation.codeStandID) {
+        this.objCode.codeStandID = this.editConfig.infomation.codeStandID
+      }
+      this.getRCodeStandardList()
+    },
+    getCommonData() {
+      getAllData()
+        .then((res) => {
+          this.memberOptions = res.data.member
+          // this.dataProcess()
+        })
+        .catch((err) => {
+          console.log(err)
+        })
+    },
+    dataProcess() {
+      this.saleChancelist.map((item) => {
+        if (this.saleChanceId === item.id) {
+          this.editConfig.infomation.sale_chance_name = item.name
+        }
+      })
+    },
+    // 淇濆瓨
+    saveClick(formName) {
+      this.$refs[formName].validate((valid) => {
+        this.validateFormNumber()
+        if (valid) {
+          console.log(this.editConfig.infomation)
+          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 {
+            const params = this.saveParams()
+            console.log(params)
+            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 += item.total
+                  })
+                  let config = {
+                    amountTotal: this.amountTotal,
+                    id: res.data.id
+                  }
+                  this.$emit("addCollectionPlanClick", config)
+                }
+              })
+            } 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
+        }
+      })
+    },
+    saveParams() {
+      let data = this.editConfig.infomation
+      let commonParam = {
+        address: data.address || "",
+        addressee: data.addressee || "",
+        clientId: this.clientId || 0,
+        conditions: data.conditions || "",
+        deliveryDate: data.deliveryDate || "",
+        memberId: data.memberId || 0,
+        number: data.number || "",
+        phone: data.phone || "",
+        products: this.tableData,
+        remark: data.remark || "",
+        saleChanceId: this.saleChanceId || 0,
+        saleType: data.saleType || 0,
+        signTime: data.signTime || "",
+        wechatOrderStatus: data.wechatOrderStatus || 0,
+        logisticCompany: data.logisticCompany || "",
+        logisticCost: data.logisticCost || 0,
+        logisticNumber: data.logisticNumber || "",
+        codeRule: this.codeRule
+      }
+      let params = {}
+      if (this.editConfig.title === "鏂板缓") {
+        params = { ...commonParam }
+      } else {
+        params = {
+          id: this.editConfig.title === "鏂板缓" ? 0 : data.id,
+          salesDetails: {
+            ...commonParam
+          }
+        }
+      }
+      return params
+    },
+
     handleClose() {
       this.editConfig.visible = false
+    },
+    // 閫夋嫨瀹㈡埛鐩稿叧鏂规硶
+    querySearchAsync(queryString, cb, value) {
+      var restaurants = []
+      if (value === "client") {
+        restaurants = this.clientList
+        console.log(restaurants, "瀹㈡埛鍗�")
+      } else if (value === "chance") {
+        restaurants = this.saleChancelist
+      } else if (value === "subbill") {
+        restaurants = this.subOrderList
+      }
+      var results = queryString ? restaurants.filter(this.createStateFilter(queryString, value)) : restaurants
+      cb(results)
+    },
+    createStateFilter(queryString, value) {
+      return (state) => {
+        if (value === "subbill") {
+          return state.number.toLowerCase().indexOf(queryString.toLowerCase()) === 0
+        } else {
+          return state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0
+        }
+      }
+    },
+    // 閿�鍞満浼氬垪琛�
+    async getSaleChanceList(item) {
+      await getSaleChanceList({
+        page: 1,
+        pageSize: 15,
+        search_map: {
+          client_id: item.id
+        }
+      }).then((res) => {
+        console.log(res)
+        this.saleChancelist = res.data.list
+      })
+    },
+    // 閿�鍞瓙鍗曞垪琛�
+    async getSubOrderList(item) {
+      await getSubOrderList({
+        page: 1,
+        pageSize: 15,
+        search_map: {
+          client_id: item.id
+        }
+      }).then((res) => {
+        this.subOrderList = res.data.list
+      })
+    },
+    handleSelectClient(value, item) {
+      if (value === "client") {
+        this.clientId = item.id
+        this.editConfig.infomation.client_name = item.name
+        this.getSaleChanceList(item)
+        this.getSubOrderList(item)
+      } else if (value === "chance") {
+        this.saleChanceId = item.id
+        this.editConfig.infomation.client_name = item.name
+      } else if (value === "subbill") {
+        console.log("涓嬫媺妗嗙偣鍑�", item)
+        this.subbillId = item.id
+        this.editConfig.infomation.subbill_name = item.number
+      }
+    },
+    selClientClick(value) {
+      if (value === "client") {
+        this.editSelectClientConfig.editVisible = true
+      } else if (value === "chance") {
+        this.editSelectChanceConfig.clientId = this.clientId
+        this.editSelectChanceConfig.editVisible = true
+      } else if (value === "subbill") {
+        this.editSelCommonConfig.title = "閿�鍞瓙鍗�"
+        this.editSelCommonConfig.editVisible = true
+        this.editSelCommonConfig.clientId = this.clientId
+      }
+    },
+    selClient(row, value) {
+      if (value === "client") {
+        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.saleChanceId = row.id
+      } else if (value === "subbill") {
+        this.editConfig.infomation.subbill_name = row.number
+        this.subbillId = row.id
+      }
+    },
+    // 娓呴櫎宸查�夋嫨鐢ㄦ埛
+    clearupClient(value) {
+      if (value === "client") {
+        this.editConfig.infomation.client_name = ""
+        this.clientId = 0
+      } else if (value === "chance") {
+        this.editConfig.infomation.sale_chance_name = ""
+        this.saleChanceId = 0
+      } else if (value === "subbill") {
+        this.editConfig.infomation.subbill_name = ""
+        this.subbillId = 0
+      }
     },
     // 娣诲姞闄勪欢
     addAnnexClick() {},
     // 璁剧疆鍏佽涓婁紶鏂囦欢鏍煎紡
-    setFormatClick() {}
+    setFormatClick() {},
+    setTableForm() {
+      if (this.editConfig.title === "鏂板缓" || this.editConfig.infomation.products.length === 0) {
+        this.tableData = [
+          {
+            productId: this.productId,
+            id: 0,
+            amount: 0,
+            desc: "",
+            name: "",
+            number: "",
+            price: 0,
+            total: 0
+          }
+        ]
+      } else {
+        this.tableData = this.editConfig.infomation.products
+        this.tableData.map((item, index) => {
+          item.productId = index + 1
+        })
+      }
+      this.productTableList = {
+        tableData: this.tableData,
+        tableColumn: [
+          { label: "#", prop: "productId", width: 40 },
+          { label: "浜у搧鍚嶇О", prop: "name", productName: true, isRequird: true },
+          { label: "浜у搧缂栧彿", prop: "number" },
+          { 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.tableData.map((item) => {
+        if (item.productId === row.productId) {
+          item[prop] = val
+        }
+      })
+    },
+    // 浜у搧鏂板
+    addProductClick() {
+      this.productId++
+      this.tableData.push({
+        productId: this.productId,
+        id: 0,
+        amount: 0,
+        desc: "",
+        name: "",
+        number: "",
+        price: 0,
+        total: 0
+      })
+      this.showSummary.show = true
+    },
+    //  浜у搧娓呯┖
+    emptyProductClick() {
+      this.productId = 1
+      this.tableData = [
+        {
+          productId: this.productId,
+          id: 0,
+          amount: 0,
+          desc: "",
+          name: "",
+          number: "",
+          price: 0,
+          total: 0
+        }
+      ]
+      this.productTableList.tableData = this.tableData
+    },
+    // 浜у搧閲嶇畻
+    recalculateProductClick() {},
+    clearupProduct(data) {
+      this.tableData = data
+      this.productTableList.tableData = this.tableData
+    }
   }
 }
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-.add-sales-details {
-  .basic-info {
-    .basic-info-title {
-      background-color: #f4f8fe;
-      padding-left: 10px;
-      font-size: 15px;
-      font-weight: bold;
-      color: #666;
-      height: 42px;
-      line-height: 42px;
+::v-deep {
+  .iframe-dialog .el-dialog__body {
+    .el-form {
+      .el-form-item {
+        width: 100%;
+      }
     }
-    .basic-info-view {
-      margin-top: 10px;
-      padding-right: 40px;
-      .custom-name {
+    .basic-info {
+      .basic-info-title {
+        background-color: #f4f8fe;
+        padding-left: 10px;
+        font-size: 15px;
+        font-weight: bold;
+        color: #666;
+        height: 42px;
+        line-height: 42px;
+      }
+      .basic-info-view {
+        margin-top: 10px;
+        padding-right: 40px;
+        .custom-name,
+        .common-select {
+          display: flex;
+          .common-select-sel {
+            width: 270px;
+          }
+          .common-select-btn {
+            margin-left: 5px;
+            font-size: 16px;
+            cursor: pointer;
+          }
+        }
+      }
+      .annex-view {
         display: flex;
-        .common-select-btn {
-          margin-left: 5px;
-          font-size: 18px;
+        color: #6166d3;
+        .setFormat {
+          margin-left: 10px;
         }
       }
     }
-    .address-view {
-      margin-top: 10px;
-      padding-right: 40px;
-    }
-    .annex-view {
+    .unflod-collapse {
       display: flex;
+      height: 30px;
+      justify-content: center;
+      align-items: center;
       color: #6166d3;
-      .setFormat {
-        margin-left: 10px;
-      }
     }
-  }
-  .unflod-collapse {
-    display: flex;
-    height: 30px;
-    justify-content: center;
-    align-items: center;
-    color: #6166d3;
-  }
-  .dialog-footer {
-    background-color: #f5f5f5;
-    height: 55px;
-    line-height: 55px;
-  }
-}
-::v-deep {
-  .el-dialog__header {
-    padding: 12.5px 10px;
-    border-bottom: 1px solid #e5e5e5;
-    .el-dialog__title {
-      font-size: 15px;
-      color: #323232;
-      font-weight: bold;
+    .dialog-footer {
+      background-color: #f5f5f5;
+      height: 55px;
+      line-height: 55px;
     }
-  }
-  .el-dialog__body {
-    padding: 0px;
-  }
-  .el-dialog__footer {
-    padding: 0px;
-    text-align: center;
-    box-sizing: border-box;
-    border-top: 1px solid #dadee5;
-  }
-  .product-view {
-    .el-form-item__label {
-      padding: 0;
+    .el-input__inner {
+      text-align: left;
     }
   }
 }

--
Gitblit v1.8.0