From 8840d08929bf3b321ee45dedca29955d8f216691 Mon Sep 17 00:00:00 2001 From: WindowBird <13870814+windows-bird@user.noreply.gitee.com> Date: Tue, 11 Nov 2025 11:01:50 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=88=B7=E5=88=97=E8=A1=A8=E9=A1=B5?= =?UTF-8?q?=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/CustomerManagement.vue | 139 +++++++++++++++++++++++++++--- 1 file changed, 128 insertions(+), 11 deletions(-) diff --git a/components/CustomerManagement.vue b/components/CustomerManagement.vue index 053a09f..ccc9b91 100644 --- a/components/CustomerManagement.vue +++ b/components/CustomerManagement.vue @@ -70,14 +70,53 @@ - - - - {{ customer.followName || '未分配' }} + + + + + + + 客户意向: + + {{ intent }} + + + + + + 意向强度: + {{ getIntentLevelText(customer.intentLevel) }} + + + + + + 微信号: + {{ customer.wechat || '--' }} + + + + + 手机号: + {{ customer.mobile || '--' }} + + + + + 跟进内容: + + + + + + 客户归属: + {{ customer.followName || '--' }} + + @@ -175,6 +214,23 @@ const getStatusText = (status) => { return statusMap[status] || '未知'; }; +// 获取意向强度文本 +const getIntentLevelText = (intentLevel) => { + const levelMap = { + '1': '高', + '2': '中', + '3': '低' + }; + return levelMap[intentLevel] || '--'; +}; + +// 截断文本 +const truncateText = (text, maxLength) => { + if (!text) return '--'; + if (text.length <= maxLength) return text; + return text.substring(0, maxLength) + '...'; +}; + // 格式化日期时间 const formatDateTime = (dateTime) => { if (!dateTime) return '暂无'; @@ -561,7 +617,7 @@ defineExpose({ display: flex; justify-content: space-between; align-items: flex-start; - margin-bottom: 14px; + padding-bottom: 12px; border-bottom: 1px solid #f0f2f5; } @@ -638,8 +694,8 @@ defineExpose({ display: flex; align-items: center; gap: 10px; - margin-bottom: 14px; - padding: 8px 12px; + + background-color: #fafbfc; border-radius: 8px; } @@ -659,6 +715,67 @@ defineExpose({ font-weight: 500; } +/* 客户详细信息 */ +.customer-details { + + padding: 12px; + background-color: #fafbfc; + border-radius: 8px; +} + +.detail-row { + display: flex; + align-items: center; + + flex-wrap: wrap; + margin-bottom: 10px; + font-size: 13px; + line-height: 1.6; + + &:last-child { + margin-bottom: 0; + } +} + +.detail-label { + color: #909399; + font-weight: 500; + flex-shrink: 0; + margin-right: 4px; + white-space: nowrap; +} + +.detail-value { + color: #606266; + word-break: break-all; + flex: 1; + min-width: 0; +} + +.follow-content { + color: #303133; + line-height: 1.6; +} + +/* 客户意向标签 */ +.intent-tags { + display: flex; + flex-wrap: wrap; + gap: 6px; + flex: 1; +} + +.intent-tag { + display: inline-block; + padding: 4px 10px; + font-size: 12px; + color: #2885ff; + background-color: #e6f2ff; + border-radius: 12px; + border: 1px solid #b3d8ff; + white-space: nowrap; +} + /* 操作按钮 */ .action-buttons { display: flex;