From 0ec635d5e432be07c3103ac2e9bd25edb941f775 Mon Sep 17 00:00:00 2001 From: zuozhengqing <a13193816592@163.com> Date: 星期三, 18 十月 2023 17:12:21 +0800 Subject: [PATCH] 跟进记录,销售明细单,退货单客户关联修改 --- src/views/client/followupRecords/AddFollowupRecordsDialog.vue | 202 ++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 145 insertions(+), 57 deletions(-) diff --git a/src/views/client/followupRecords/AddFollowupRecordsDialog.vue b/src/views/client/followupRecords/AddFollowupRecordsDialog.vue index 30e8d3a..da6f687 100644 --- a/src/views/client/followupRecords/AddFollowupRecordsDialog.vue +++ b/src/views/client/followupRecords/AddFollowupRecordsDialog.vue @@ -25,21 +25,17 @@ <el-col :span="12" v-if="isUnflod"> <el-form-item label="璺熻繘璁板綍缂栧彿" prop="number"> <WordInput - v-if="codenumer && (explain != '' || isIdDisabled)&&method == 0" + v-if="codenumer && (explain != '' || isIdDisabled) && method == 0" :codenumer="codenumer" :sum="sum" - :disabled="editConfig.infomation.id || isIdDisabled" + :disabled="this.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 + >璇蜂紭鍏堥厤缃紪鐮佽鑼� <el-button type="text" @click="numberClick"> 閰嶇疆瑙勮寖 </el-button></span > - <span v-else>鑷姩鐢熸垚</span> + <span v-else>鑷姩鐢熸垚</span> </el-form-item> </el-col> <el-col :span="12"> @@ -69,7 +65,7 @@ </div> </el-form-item> </el-col> - <el-col v-if="isUnflod" :span="12"> + <el-col v-if="isUnflod && !isDetail" :span="12"> <el-form-item label="瀹㈡埛鐘舵��" prop="client_status_id"> <div class="common-select"> <el-select @@ -163,12 +159,18 @@ value-key="name" @select="handleSelectClient('chance', $event)" style="width: 100%" + placeholder="璇峰厛閫夋嫨瀹㈡埛鍚嶇О" + :disabled="isChance" ></el-autocomplete> - <div class="common-select-btn" @click="selClientClick('chance')"> + <div v-if="!isChance" 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" + v-if=" + editConfig.infomation.sale_chance_name && + editConfig.infomation.sale_chance_name.length > 0 && + !isChance + " class="common-select-btn" @click="clearupClient('chance')" > @@ -177,7 +179,7 @@ </div> </el-form-item> </el-col> - <el-col :span="12"> + <el-col :span="12" v-if="!isDetail"> <el-form-item label="閿�鍞嚎绱�" prop="sales_leads_name"> <div class="custom-name"> <!-- <el-input v-model="editConfig.infomation.sales_leads_id"></el-input> --> @@ -339,9 +341,11 @@ import SelectContactDialog from "@/views/other/commonDialog/SelectContactDialog" import SelectChanceDialog from "@/views/other/commonDialog/SelectChanceDialog" import SelectLeadDialog from "@/views/other/commonDialog/SelectLeadDialog" -import codeMixin from "./mixin/codeMixin"; +import codeMixin from "./mixin/codeMixin" import { getContactList } from "@/api/client/contacts" -import { mapActions } from 'vuex'; +import { mapActions } from "vuex" +import { getSaleChanceList } from "@/api/sales/salesOpportunity" +import { getSalesLeadsList } from "@/api/client/salesLead" export default { name: "AddFollowupRecordsDialog", @@ -356,25 +360,34 @@ infomation: {} } } + }, + isDetail: { + type: Boolean, + default: false } }, - components: { SelectClientDialog, SelectContactDialog, SelectChanceDialog, SelectLeadDialog }, + components: { + SelectClientDialog, + SelectContactDialog, + SelectChanceDialog, + SelectLeadDialog + }, computed: { searchCommonHeight() { return this.$refs.searchCommonView.offsetHeight }, clientList() { return this.$store.state.getClientName.clientList - }, - contactNamelist() { - return this.$store.state.getClientName.contactNamelist - }, - saleChancelist() { - return this.$store.state.getClientName.saleChancelist - }, - saleLeadlist() { - return this.$store.state.getClientName.saleLeadlist } + // contactNamelist() { + // return this.$store.state.getClientName.contactNamelist + // }, + // saleChancelist() { + // return this.$store.state.getClientName.saleChancelist + // }, + // saleLeadlist() { + // return this.$store.state.getClientName.saleLeadlist + // } }, data() { return { @@ -384,8 +397,9 @@ number: [{ required: true, message: "璇疯緭鍏ヨ窡杩涜褰曠紪鍙�", trigger: "blur" }], member_id: [{ required: true, message: "璇烽�夋嫨璐熻矗浜�", trigger: "change" }], record: [{ required: true, message: "璇疯緭鍏ヨ窡杩涜褰�", trigger: "blur" }], - client_name:[{ required: true, message: "璇烽�夋嫨瀹㈡埛鍚嶇О", trigger: "change" }], - topic:[{ required: true, message: "璇疯緭鍏ヤ富棰�", trigger: "blur" }], + client_name: [{ required: true, validator: this.checkClient, trigger: "change" }], + contact_name: [{ required: true, message: "璇烽�夋嫨鑱旂郴浜哄鍚�", trigger: "change" }], + topic: [{ required: true, message: "璇疯緭鍏ヤ富棰�", trigger: "blur" }], // content: [{ required: true, message: "璇疯緭鍏ュ唴瀹�", trigger: "blur" }], phoneNumber: [ { required: false, message: "", trigger: "blur" }, @@ -415,59 +429,64 @@ editSelectContactConfig: { editVisible: false, title: "", - infomation: {} + infomation: {}, + search_map: {} }, editSelectChanceConfig: { editVisible: false, title: "", - infomation: {} + infomation: {}, + search_map: {} }, editSelectLeadConfig: { editVisible: false, title: "", - infomation: {} + infomation: {}, + search_map: {} }, clientId: this.editContactsConfig.infomation.client_id, contactId: this.editContactsConfig.infomation.contact_id, saleChanceId: this.editContactsConfig.infomation.sale_chance_id, saleLeadId: this.editContactsConfig.infomation.sales_leads_id, + saleChancelist: [], + isChance: true } }, created() { this.$store.dispatch("geClient") - this.$store.dispatch("geContact") - this.$store.dispatch("geChance") - this.$store.dispatch("geLead") + // this.$store.dispatch("geContact") + // this.$store.dispatch("geChance") + // this.$store.dispatch("geLead") this.getCommonData() this.getContactInfoList() - this.formInfo(); + this.formInfo() }, - watch:{ - 'editContactsConfig.visible'(val){ - if(val){ + watch: { + "editContactsConfig.visible"(val) { + if (val) { this.formInfo() } }, - 'editContactsConfig.infomation.codeStandID'(){ + "editContactsConfig.infomation.codeStandID"() { this.formInfo() } }, methods: { - ...mapActions (['getContactFilter']), - formInfo(){ - this.objCode.type='璺熻繘璁板綍缂栫爜' - this.objCode.codeStandID = '' - if(this.editConfig.infomation.codeStandID){ - this.objCode.codeStandID = this.editConfig.infomation.codeStandID; + ...mapActions(["getContactFilter", "getLeadFilter"]), + formInfo() { + this.objCode.type = "璺熻繘璁板綍缂栫爜" + this.objCode.codeStandID = "" + if (this.editConfig.infomation.codeStandID) { + this.objCode.codeStandID = this.editConfig.infomation.codeStandID } - this.getRCodeStandardList(); - }, + this.getRCodeStandardList() + }, getCommonData() { getAllData().then((res) => { console.log(res) this.clientStatusOptions = res.data.client_status this.memberOptions = res.data.member - this.dataProcess() + // this.dataProcess() }) }, async getContactInfoList() { @@ -495,6 +514,7 @@ // 淇濆瓨 saveClick(formName) { this.$refs[formName].validate((valid) => { + this.validateFormNumber() if (valid) { const params = this.saveParams() if (this.editConfig.title === "鏂板缓") { @@ -525,9 +545,9 @@ let follow_record = { follow_record: { client_id: this.clientId || 0, - client_status_id: data.client_status_id || 0, + client_status_id: data.client_status_id || null, contact_id: this.contactId || 0, - contact_information_id: data.contact_information_id || 0, + contact_information_id: data.contact_information_id || null, content: data.content || "", follow_time: data.follow_time || "", member_id: data.member_id || 0, @@ -538,8 +558,8 @@ sale_chance_id: this.saleChanceId || 0, sales_leads_id: this.saleLeadId || 0, topic: data.topic || "", - codeStandID:data.ID, - codeRule:this.codeRule, + codeStandID: data.ID, + codeRule: this.codeRule } } let params = {} @@ -549,6 +569,20 @@ params = { ...follow_record, id: data.id || 0 } } return params + }, + // 鑾峰彇閿�鍞満浼� + getChanceList(id) { + getSaleChanceList({ + page: 1, + pageSize: 15, + search_map: { + client_id: id + } + }).then((res) => { + if (res.code == 200) { + this.saleChancelist = res.data.list + } + }) }, // 閫夋嫨瀹㈡埛鐩稿叧鏂规硶 querySearchAsync(queryString, cb, value) { @@ -570,16 +604,46 @@ return state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0 } }, + // 鑱旂郴浜哄垪琛� + async getContactList(item) { + await getContactList({ + search_map: { + client_id: item.id + }, + page: 1, + pageSize: 15 + }).then((res) => { + if (res.code === 200) { + this.contactNamelist = res.data.list + } + }) + }, + // 閿�鍞嚎绱� + async getSalesLeadsList(item) { + await getSalesLeadsList({ + search_map: { + name: item.name + } + }).then((res) => { + if (res.code === 200) { + this.saleLeadlist = res.data.list + } + }) + }, async handleSelectClient(value, item) { if (value === "client") { + this.editConfig.infomation.contact_name = "" + this.editConfig.infomation.sales_leads_name="" + this.editConfig.infomation.sale_chance_name="" + this.editSelectContactConfig.search_map.client_id = item.id + this.editSelectChanceConfig.search_map.client_id = item.id + this.editSelectLeadConfig.search_map.name = item.name + this.getContactList(item) + this.getSalesLeadsList(item) this.clientId = item.id this.editConfig.infomation.client_name = item.name - await getContactList({ - clientId:this.clientId - }).then((res)=>{ - this.getContactFilter(res.data.list) - }) - // console.log("clientId",this.clientId,this.editConfig.infomation.client_name) + this.isChance = false + this.getChanceList(item.id) } else if (value === "contact") { this.contactId = item.id this.editConfig.infomation.contact_name = item.name @@ -607,8 +671,18 @@ this.editConfig.infomation.contact_name = row.name this.contactId = row.id } else if (value === "client") { - this.editConfig.infomation.client_name = row.name + this.editConfig.infomation.contact_name = "" + this.editConfig.infomation.sales_leads_name="" + this.editConfig.infomation.sale_chance_name="" + this.editSelectContactConfig.search_map.client_id = row.id + this.editSelectChanceConfig.search_map.client_id = row.id + this.editSelectLeadConfig.search_map.name = row.name + this.getContactList(row) + this.getSalesLeadsList(row) this.clientId = row.id + this.editConfig.infomation.client_name = row.name + this.isChance = false + this.getChanceList(row.id) } else if (value === "chance") { this.editConfig.infomation.sale_chance_name = row.name this.saleChanceId = row.id @@ -620,8 +694,14 @@ // 娓呴櫎宸查�夋嫨鐢ㄦ埛 clearupClient(value) { if (value === "client") { + this.editConfig.infomation.contact_name = "" + this.editConfig.infomation.sales_leads_name="" + this.editConfig.infomation.sale_chance_name="" this.editConfig.infomation.client_name = "" this.clientId = 0 + this.isChance = true + this.editConfig.infomation.sale_chance_name = "" + this.saleChanceId = 0 } else if (value === "contact") { this.editConfig.infomation.contact_name = "" this.contactId = 0 @@ -646,6 +726,14 @@ this.unflodCollapseStr = "鏀惰捣" this.isUnflod = true } + }, + // 瀹㈡埛鍚嶇О鍗曠嫭鏍¢獙 + checkClient(rule, value, callback) { + if (this.editConfig.infomation.client_name && this.editConfig.infomation.client_name.length > 0) { + callback() + } else { + callback(new Error("璇烽�夋嫨瀹㈡埛鍚嶇О")) + } } } } -- Gitblit v1.8.0