|  |  | 
 |  |  |                 </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') | 
 |  |  | 
 |  |  |                       <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')" | 
 |  |  |                     > | 
 |  |  | 
 |  |  |       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 | 
 |  |  |       } | 
 |  |  |     }, |