From 9e81895b192f38d1bedfb9054a90b4c0c46042ea Mon Sep 17 00:00:00 2001 From: zuozhengqing <a13193816592@163.com> Date: 星期一, 16 十月 2023 20:38:06 +0800 Subject: [PATCH] 跟进记录,销售线索参数调整 --- src/views/client/salesLead/DetailSalesLead.vue | 116 +++++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 82 insertions(+), 34 deletions(-) diff --git a/src/views/client/salesLead/DetailSalesLead.vue b/src/views/client/salesLead/DetailSalesLead.vue index 22e0c18..ac32fcb 100644 --- a/src/views/client/salesLead/DetailSalesLead.vue +++ b/src/views/client/salesLead/DetailSalesLead.vue @@ -3,7 +3,7 @@ <el-drawer :visible.sync="detailConfig.visible" size="80%" :before-close="handleClose" :wrapperClosable="false"> <template slot="title"> <div class="header"> - <span class="header-label">瀹㈡埛鍚嶇О</span> + <span class="header-label">閿�鍞嚎绱�</span> <span class="header-title">{{ detailConfig.infomation.name }}</span> </div> </template> @@ -61,6 +61,10 @@ </div> </li> </ul> + <div class="business_scope"> + <div class="content-title">{{ "鏈�鏂拌繘灞曪細" }}</div> + <div class="content-data">{{ record ? record : "--" }}</div> + </div> </div> </div> <!-- 鍦板潃淇℃伅 --> @@ -145,77 +149,90 @@ addressInfoList: [], isRemarkExpand: true, // 澶囨敞淇℃伅 remarkInfoList: [], - addConfig: {} + addConfig: {}, + record: "", // 鏈�鏂拌繘灞� + noContactDays: 0, + newContactDays: "" } }, created() { - this.setData() + this.setData(this.detailConfig.infomation) this.addConfig = { id_name: "sales_leads_id", id: this.detailConfig.infomation.id, + common_name: this.detailConfig.infomation.id, sales_leads_name: this.detailConfig.infomation.name, sales_leads_id: this.detailConfig.infomation.id } }, mounted() {}, methods: { - setData() { + setData(item) { + if (item.FollowRecord && item.FollowRecord.length > 0) { + this.record = item.FollowRecord[0].record + console.log(item.FollowRecord[0].follow_time) + if (item.FollowRecord[0].follow_time && item.FollowRecord[0].follow_time.length > 0) { + let follow_time = item.FollowRecord[0].follow_time + this.newContactDays = follow_time.substring(0, 10) + this.noContactDays = this.getDiffDay(Date.now(), this.newContactDays) + } + } this.basicInfoList = [ { - leftStr: "瀹㈡埛鍚嶇О", - leftValue: this.detailConfig.infomation.name, + leftStr: "鎰忓悜瀹㈡埛鍚嶇О", + leftValue: item.name, rightStr: "閿�鍞嚎绱㈢紪鍙�", - rightValue: this.detailConfig.infomation.number + rightValue: item.number }, { leftStr: "鑱旂郴浜哄鍚�", - leftValue: this.detailConfig.infomation.contact_name, + leftValue: item.contact_name, rightStr: "鑱旂郴浜鸿亴鍔�", - rightValue: this.detailConfig.infomation.contact_position + rightValue: item.contact_position }, { leftStr: "鎵嬫満鍙风爜", - leftValue: this.detailConfig.infomation.contact_phone, - rightStr: "鍟嗘満鐘舵��", + leftValue: item.contact_phone, + rightStr: "绾跨储鐘舵��", rightValue: "鏂板缓" }, { - leftStr: "鍟嗘満鏉ユ簮", - leftValue: this.detailConfig.infomation.sales_resources, + leftStr: "绾跨储鏉ユ簮", + leftValue: item.sales_resources, rightStr: "璐熻矗浜�", - rightValue: this.detailConfig.infomation.member_name + rightValue: item.member_name }, { leftStr: "鍒嗛厤鏃ユ湡", leftValue: "", - rightStr: "鍏捣鐘舵��", + // rightStr: "鍏捣鐘舵��", + // rightValue: "" + rightStr: "鍒涘缓鏃堕棿", rightValue: "" }, { - leftStr: "鍒涘缓鏃堕棿", + // leftStr: "鍒涘缓鏃堕棿", + // leftValue: "", + // rightStr: "鍒涘缓浜�", + // rightValue: "" + leftStr: "鍒涘缓浜�", leftValue: "", - rightStr: "鍒涘缓浜�", + rightStr: "", rightValue: "" }, - { - leftStr: "鍏抽棴鍘熷洜", - leftValue: "", - rightStr: "绛惧埌", - rightValue: "" - } + // { + // leftStr: "鍏抽棴鍘熷洜", + // leftValue: "", + // rightStr: "", + // rightValue: "" + // } ] this.dynamicInfoList = [ { leftStr: "鏈仈绯诲ぉ鏁�", - leftValue: "", - rightStr: "鏈�鏂版帹杩涙椂闂�", - rightValue: "" - }, - { - leftStr: "鏈�鏂拌繘灞�", - leftValue: "", + leftValue: this.noContactDays, rightStr: "鏈�鏂拌仈绯绘棩鏈�", - rightValue: "" + rightValue: this.newContactDays } ] this.addressInfoList = [ @@ -223,11 +240,11 @@ leftStr: "鍥藉", leftValue: "涓浗", rightStr: "鐪佷唤", - rightValue: this.detailConfig.infomation.Province.name + rightValue: item.Province.name }, { leftStr: "鍩庡競", - leftValue: this.detailConfig.infomation.City.name, + leftValue: item.City.name, rightStr: "", rightValue: "" } @@ -252,6 +269,19 @@ } else if (value === "remark") { this.isRemarkExpand = !this.isRemarkExpand } + }, + // 璁$畻涓や釜鏃ユ湡涔嬮棿鐨勫樊鍊� + getDiffDay(date_1, date_2) { + let totalDays, diffDate + let myDate_1 = date_1 + let myDate_2 = Date.parse(date_2) + // 灏嗕袱涓棩鏈熼兘杞崲涓烘绉掓牸寮忥紝鐒跺悗鍋氬樊 + diffDate = Math.abs(myDate_1 - myDate_2) // 鍙栫浉宸绉掓暟鐨勭粷瀵瑰�� + + totalDays = Math.floor(diffDate / (1000 * 3600 * 24)) // 鍚戜笅鍙栨暣 + // console.log(totalDays) + + return totalDays // 鐩稿樊鐨勫ぉ鏁� } } } @@ -320,7 +350,7 @@ align-items: center; height: 40px; .content-title { - width: 220px; + width: 320px; text-align: right; color: #555; } @@ -334,6 +364,24 @@ width: 100%; } } + .business_scope { + display: flex; + align-items: center; + font-size: 14px; + min-height: 40px; + .content-title { + width: 320px; + text-align: right; + color: #555; + } + .content-data { + flex: 1; + padding: 5px; + text-align: left; + margin-left: 25px; + color: #333; + } + } } } } -- Gitblit v1.8.0