|  |  | 
 |  |  |         :model="editConfig.infomation" | 
 |  |  |         :rules="rules" | 
 |  |  |         label-position="right" | 
 |  |  |         label-width="308px" | 
 |  |  |         label-width="168px" | 
 |  |  |         size="mini" | 
 |  |  |         style="height: 60vh; overflow-x: hidden" | 
 |  |  |       > | 
 |  |  | 
 |  |  |                       " | 
 |  |  |                       value-key="name" | 
 |  |  |                       @select="handleSelectClient('client', $event)" | 
 |  |  |                       style="width: 100%" | 
 |  |  |                     ></el-autocomplete> | 
 |  |  |                     <div class="common-select-btn" @click="selClientClick('client')"> | 
 |  |  |                       <i class="el-icon-circle-plus-outline" title="选择"></i> | 
 |  |  | 
 |  |  |                       class="common-select-btn" | 
 |  |  |                       @click="clearupClient('client')" | 
 |  |  |                     > | 
 |  |  |                       <i class="el-icon-edit-outline" title="清除"></i> | 
 |  |  |                       <i class="el-icon-remove-outline" title="清除"></i> | 
 |  |  |                     </div> | 
 |  |  |                   </div> | 
 |  |  |                 </el-form-item> | 
 |  |  | 
 |  |  |                       " | 
 |  |  |                       value-key="number" | 
 |  |  |                       @select="handleSelectClient('serviceContract', $event)" | 
 |  |  |                       style="width: 100%" | 
 |  |  |                     ></el-autocomplete> | 
 |  |  |                     <div class="common-select-btn" @click="selClientClick('serviceContract')"> | 
 |  |  |                       <i class="el-icon-circle-plus-outline" title="选择"></i> | 
 |  |  | 
 |  |  |                       class="common-select-btn" | 
 |  |  |                       @click="clearupClient('serviceContract')" | 
 |  |  |                     > | 
 |  |  |                       <i class="el-icon-edit-outline" title="清除"></i> | 
 |  |  |                       <i class="el-icon-remove-outline" title="清除"></i> | 
 |  |  |                     </div> | 
 |  |  |                   </div> | 
 |  |  |                 </el-form-item> | 
 |  |  |               </el-col> | 
 |  |  |               <el-col v-else :span="12"> | 
 |  |  |                 <el-form-item label="合同订单"> | 
 |  |  |                 <el-form-item label="销售明细单" prop="saleDetailNumber"> | 
 |  |  |                   <div class="custom-name"> | 
 |  |  |                     <el-autocomplete | 
 |  |  |                       v-model="editConfig.infomation.number" | 
 |  |  |                       v-model="editConfig.infomation.saleDetailNumber" | 
 |  |  |                       :fetch-suggestions=" | 
 |  |  |                         (queryString, callback) => { | 
 |  |  |                           querySearchAsync(queryString, callback, 'contract') | 
 |  |  | 
 |  |  |                       " | 
 |  |  |                       value-key="number" | 
 |  |  |                       @select="handleSelectClient('contract', $event)" | 
 |  |  |                       style="width: 100%" | 
 |  |  |                     ></el-autocomplete> | 
 |  |  |                     <div class="common-select-btn" @click="selClientClick('contract')"> | 
 |  |  |                       <i class="el-icon-circle-plus-outline" title="选择"></i> | 
 |  |  |                     </div> | 
 |  |  |                     <div | 
 |  |  |                       v-if="editConfig.infomation.number && editConfig.infomation.number.length > 0" | 
 |  |  |                       v-if="editConfig.infomation.saleDetailNumber && editConfig.infomation.saleDetailNumber.length > 0" | 
 |  |  |                       class="common-select-btn" | 
 |  |  |                       @click="clearupClient('contract')" | 
 |  |  |                     > | 
 |  |  |                       <i class="el-icon-edit-outline" title="清除"></i> | 
 |  |  |                       <i class="el-icon-remove-outline" title="清除"></i> | 
 |  |  |                     </div> | 
 |  |  |                   </div> | 
 |  |  |                 </el-form-item> | 
 |  |  | 
 |  |  |                     v-model="editConfig.infomation.principalId" | 
 |  |  |                     placeholder="请选择" | 
 |  |  |                     size="mini" | 
 |  |  |                     style="width: 63%" | 
 |  |  |                     style="width: 100%" | 
 |  |  |                   > | 
 |  |  |                     <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> | 
 |  |  |                     </el-option> | 
 |  |  | 
 |  |  |                     value-format="yyyy-MM-dd" | 
 |  |  |                     type="date" | 
 |  |  |                     placeholder="选择日期" | 
 |  |  |                     style="width: 100%" | 
 |  |  |                   > | 
 |  |  |                   </el-date-picker> | 
 |  |  |                 </el-form-item> | 
 |  |  | 
 |  |  |                     v-model="editConfig.infomation.paymentTypeId" | 
 |  |  |                     placeholder="请选择" | 
 |  |  |                     size="mini" | 
 |  |  |                     style="width: 63%" | 
 |  |  |                     style="width: 100%" | 
 |  |  |                   > | 
 |  |  |                     <el-option | 
 |  |  |                       v-for="item in paymentTypeListOptions" | 
 |  |  | 
 |  |  |                     v-model="editConfig.infomation.bankAccountId" | 
 |  |  |                     placeholder="请选择" | 
 |  |  |                     size="mini" | 
 |  |  |                     style="width: 63%" | 
 |  |  |                     style="width: 100%" | 
 |  |  |                   > | 
 |  |  |                     <el-option v-for="item in bankAccountOptions" :key="item.id" :label="item.name" :value="item.id"> | 
 |  |  |                     </el-option> | 
 |  |  | 
 |  |  |           <div class="basic-info-title">收款信息</div> | 
 |  |  |           <div class="basic-info-view"> | 
 |  |  |             <el-row> | 
 |  |  |               <el-col :span="24"> | 
 |  |  |               <el-col :span="12"> | 
 |  |  |                 <el-form-item label="本次收款金额" prop="amount"> | 
 |  |  |                   <el-input-number | 
 |  |  |                     v-model="editConfig.infomation.amount" | 
 |  |  | 
 |  |  |                     :min="0" | 
 |  |  |                     :precision="2" | 
 |  |  |                     :controls="false" | 
 |  |  |                     style="width: 25%; margin-right: 5px" | 
 |  |  |                     style="width: 100%" | 
 |  |  |                   ></el-input-number> | 
 |  |  |                 </el-form-item> | 
 |  |  |               </el-col> | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   data() { | 
 |  |  |     return { | 
 |  |  |       dialogWidth: "80%", | 
 |  |  |       dialogWidth: "50%", | 
 |  |  |       editConfig: this.editCommonConfig, | 
 |  |  |       rules: { | 
 |  |  |         client_name: [{ required: true, message: "请选择客户名称", trigger: "change" }], | 
 |  |  |         signTime: [{ required: true, message: "请选择收款日期", trigger: "change" }], | 
 |  |  |         memberId: [{ required: true, message: "请选择销售负责人", trigger: "change" }] | 
 |  |  |         memberId: [{ required: true, message: "请选择销售负责人", trigger: "change" }], | 
 |  |  |         saleDetailNumber: [{ required: true, message: "请选择销售明细单", trigger: "change" }] | 
 |  |  |         // approvalOpinion: [{ required: true, message: "请输入", trigger: "blur" }] | 
 |  |  |       }, | 
 |  |  |       memberOptions: [], | 
 |  |  | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created() { | 
 |  |  |     console.log() | 
 |  |  |     this.$store.dispatch("geClient") | 
 |  |  |     this.$store.dispatch("geServiceContract") | 
 |  |  |     this.$store.dispatch("geSalesDetails") | 
 |  |  | 
 |  |  |       await getPaymentTypeList().then((res) => { | 
 |  |  |         console.log("支付方式") | 
 |  |  |         console.log(res.data) | 
 |  |  |         if (res.data.code === 200) { | 
 |  |  |           this.paymentTypeListOptions = res.data.data.data | 
 |  |  |         if (res.code === 200) { | 
 |  |  |           this.paymentTypeListOptions = res.data.data | 
 |  |  |         } | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  | 
 |  |  |       await getBankAccountList().then((res) => { | 
 |  |  |         console.log("账户") | 
 |  |  |         console.log(res.data) | 
 |  |  |         if (res.data.code === 200) { | 
 |  |  |           this.bankAccountOptions = res.data.data.data | 
 |  |  |         if (res.code === 200) { | 
 |  |  |           this.bankAccountOptions = res.data.data | 
 |  |  |         } | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  | 
 |  |  |         this.editConfig.infomation.serviceContract_Number = row.number | 
 |  |  |         this.serviceContractId = row.id | 
 |  |  |       } else if (value === "contract") { | 
 |  |  |         this.editConfig.infomation.number = row.number | 
 |  |  |         this.editConfig.infomation.saleDetailNumber = row.number | 
 |  |  |         this.SalesDetailsId = row.id | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  | 
 |  |  |         this.editConfig.infomation.serviceContract_Number = "" | 
 |  |  |         this.serviceContractId = 0 | 
 |  |  |       } else if (value === "contract") { | 
 |  |  |         this.editConfig.infomation.number = "" | 
 |  |  |         this.editConfig.infomation.saleDetailNumber = "" | 
 |  |  |         this.SalesDetailsId = 0 | 
 |  |  |       } | 
 |  |  |     }, |