From 17816296ced79718931ae694b0e635f278495229 Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期二, 27 二月 2024 17:18:37 +0800 Subject: [PATCH] 销售报价单列表增加报价名称,客户名称,业务机会,报价单状态,合计 --- src/views/client/followupRecords/AddFollowupRecordsDialog.vue | 183 +++++++++++++++++++++++++++++++++++---------- 1 files changed, 140 insertions(+), 43 deletions(-) diff --git a/src/views/client/followupRecords/AddFollowupRecordsDialog.vue b/src/views/client/followupRecords/AddFollowupRecordsDialog.vue index b0da187..62460d3 100644 --- a/src/views/client/followupRecords/AddFollowupRecordsDialog.vue +++ b/src/views/client/followupRecords/AddFollowupRecordsDialog.vue @@ -24,7 +24,20 @@ <el-row> <el-col :span="12" v-if="isUnflod"> <el-form-item label="璺熻繘璁板綍缂栧彿" prop="number"> - <WordInput + <el-input + v-if=" + editConfig.title == '缂栬緫' || + (editConfig.title == '鏂板缓' && codenumer && (explain != '' || isIdDisabled)) + " + :disabled="editConfig.title == '缂栬緫'" + v-model="editConfig.infomation.number" + placeholder="璇疯緭鍏ョ紪鐮�" + > + </el-input> + <span v-else-if="editConfig.title == '鏂板缓'" style="color: #f56c6c" + >璇蜂紭鍏堥厤缃紪鐮佽鑼� <el-button type="text" @click="numberClick"> 閰嶇疆瑙勮寖 </el-button></span + > + <!-- <WordInput v-if="codenumer && (explain != '' || isIdDisabled) && method == 0" :codenumer="codenumer" :sum="sum" @@ -35,7 +48,7 @@ <span v-else-if="method == 0" style="color: #f56c6c" >璇蜂紭鍏堥厤缃紪鐮佽鑼� <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"> @@ -65,7 +78,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 @@ -95,7 +108,12 @@ value-key="name" @select="handleSelectClient('contact', $event)" style="width: 100%" - ></el-autocomplete> + > + // 瑙e喅鍖归厤涓嶅埌鎻愮ず鏃犲尮閰嶆暟鎹� + <template v-if="noData" slot-scope="{ item }"> + <div class="default" @click.stop="stopClick">{{ item.name }}</div> + </template> + </el-autocomplete> <div class="common-select-btn" @click="selClientClick('contact')"> <i class="el-icon-circle-plus-outline" title="閫夋嫨"></i> </div> @@ -179,7 +197,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> --> @@ -341,10 +359,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 "@/components/makepager/mixin/codeMixin" import { getContactList } from "@/api/client/contacts" import { mapActions } from "vuex" import { getSaleChanceList } from "@/api/sales/salesOpportunity" +import { getSalesLeadsList } from "@/api/client/salesLead" export default { name: "AddFollowupRecordsDialog", @@ -359,24 +378,24 @@ 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 } }, data() { @@ -384,10 +403,10 @@ dialogWidth: "50%", editConfig: this.editContactsConfig, rules: { - number: [{ required: true, message: "璇疯緭鍏ヨ窡杩涜褰曠紪鍙�", trigger: "blur" }], - member_id: [{ required: true, message: "璇烽�夋嫨璐熻矗浜�", trigger: "change" }], + number: [{ required: true, validator: this.validateCheckCode, trigger: ["blur", "change"] }], + member_id: [{ required: true, validator: this.validateMemberId, trigger: "change" }], record: [{ required: true, message: "璇疯緭鍏ヨ窡杩涜褰�", trigger: "blur" }], - client_name: [{ required: true, message: "璇烽�夋嫨瀹㈡埛鍚嶇О", trigger: "change" }], + 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" }], @@ -419,47 +438,52 @@ 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 + isChance: true, + noData: false // 鏄惁鍖归厤鍒版暟鎹簡 } }, created() { + this.getChanceList(this.editConfig.infomation.client_id) + if(this.editContactsConfig.title==="缂栬緫"){ + this.isChance=false + } this.$store.dispatch("geClient") - this.$store.dispatch("geContact") - this.$store.dispatch("geChance") - this.$store.dispatch("geLead") this.getCommonData() this.getContactInfoList() this.formInfo() + if (this.editContactsConfig.title === "鏂板缓" && this.editContactsConfig.infomation?.client_name?.length > 0) { + this.getContactList(this.editContactsConfig.infomation) + } }, watch: { "editContactsConfig.visible"(val) { if (val) { this.formInfo() } - }, - "editContactsConfig.infomation.codeStandID"() { - this.formInfo() } }, methods: { - ...mapActions(["getContactFilter"]), + ...mapActions(["getContactFilter", "getLeadFilter"]), formInfo() { this.objCode.type = "璺熻繘璁板綍缂栫爜" this.objCode.codeStandID = "" @@ -473,7 +497,16 @@ console.log(res) this.clientStatusOptions = res.data.client_status this.memberOptions = res.data.member - this.dataProcess() + if (this.editConfig.title === "鏂板缓") { + let username = document.cookie.replace(/(?:(?:^|.*;\s*)username\s*=\s*([^;]*).*$)|^.*$/, "$1") + this.memberOptions.map((item) => { + if (item.username == username) { + this.$set(this.editConfig.infomation, "member_id", item.id) + } + }) + } + + // this.dataProcess() }) }, async getContactInfoList() { @@ -544,8 +577,7 @@ sale_chance_id: this.saleChanceId || 0, sales_leads_id: this.saleLeadId || 0, topic: data.topic || "", - codeStandID: data.ID, - codeRule: this.codeRule + codeStandID: data.ID } } let params = {} @@ -559,8 +591,8 @@ // 鑾峰彇閿�鍞満浼� getChanceList(id) { getSaleChanceList({ - page: 0, - pageSize: 0, + page: 1, + pageSize: 15, search_map: { client_id: id } @@ -582,7 +614,13 @@ } else { restaurants = this.saleLeadlist } - var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants + var results = queryString ? restaurants?.filter(this.createStateFilter(queryString)) : restaurants + console.log(results) + this.noData = false + if (results == undefined || results?.length <= 0) { + results = [{ name: "鏃犲尮閰嶆暟鎹�" }] + this.noData = true + } cb(results) }, createStateFilter(queryString) { @@ -590,18 +628,47 @@ 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) { + console.log(res, "鑱旂郴浜�") + 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) - }) this.isChance = false this.getChanceList(item.id) - // console.log("clientId",this.clientId,this.editConfig.infomation.client_name) } else if (value === "contact") { this.contactId = item.id this.editConfig.infomation.contact_name = item.name @@ -617,6 +684,7 @@ if (value === "client") { this.editSelectClientConfig.editVisible = true } else if (value === "contact") { + this.editSelectContactConfig.clientId = this.clientId || 0 this.editSelectContactConfig.editVisible = true } else if (value === "chance") { this.editSelectChanceConfig.editVisible = true @@ -629,8 +697,16 @@ 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") { @@ -644,6 +720,9 @@ // 娓呴櫎宸查�夋嫨鐢ㄦ埛 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 @@ -673,6 +752,24 @@ 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("璇烽�夋嫨瀹㈡埛鍚嶇О")) + } + }, + // 闃绘鍙偣鍑讳簨浠� + stopClick() {}, + // 閿�鍞礋璐d汉鑷畾涔夋牎楠岃鍒� + validateMemberId(rule, value, callback) { + if (this.editConfig.infomation?.member_id > 0) { + callback() + } else { + callback(new Error("璇疯緭鍏ヨ礋璐d汉")) + } } } } -- Gitblit v1.8.0