From 11c1bcc6264758104a59c57a81bad0e461dd44ca Mon Sep 17 00:00:00 2001
From: lbw_9527443 <780139497@qq.com>
Date: Mon, 15 Sep 2025 12:01:10 +0800
Subject: [PATCH] =?UTF-8?q?fix(PerformanceRanking):=20=E7=AE=80=E5=8C=96?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E6=88=90=E5=91=98=E7=9A=84=E5=88=A4=E6=96=AD?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=20feat(RawDataCards):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=80=9A=E8=AF=9D=E8=AE=B0=E5=BD=95=E6=A0=87=E7=AD=BE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=92=8C=E6=98=BE=E7=A4=BA=20refactor(MemberDetails):?=
 =?UTF-8?q?=20=E5=90=AF=E7=94=A8=E6=8C=87=E5=AF=BC=E5=BB=BA=E8=AE=AE?=
 =?UTF-8?q?=E5=B9=B6=E4=BF=AE=E5=A4=8D=E7=A9=BA=E6=88=90=E5=91=98=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../maneger/components/MemberDetails.vue      | 16 ++++++++-----
 .../maneger/components/PerformanceRanking.vue |  2 +-
 .../views/person/components/RawDataCards.vue  | 24 +++++++++++++++++++
 3 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/my-vue-app/src/views/maneger/components/MemberDetails.vue b/my-vue-app/src/views/maneger/components/MemberDetails.vue
index e5875d2..d9d0c68 100644
--- a/my-vue-app/src/views/maneger/components/MemberDetails.vue
+++ b/my-vue-app/src/views/maneger/components/MemberDetails.vue
@@ -49,7 +49,7 @@
     </div>
     
     <!-- 指导建议 -->
-    <!-- <div class="guidance-section">
+    <div class="guidance-section">
       <div class="guidance-header" @click="toggleGuidanceCollapse">
         <h3>💡 指导建议</h3>
         <div class="collapse-toggle" :class="{ 'collapsed': isGuidanceCollapsed }">
@@ -77,13 +77,13 @@
         <div class="no-guidance" v-else>
           <div class="celebration-icon">🎉</div>
           <h4>表现优秀！</h4>
-          <p>{{ selectedMember.user_name || selectedMember.name }} 的各项指标都很不错，继续保持这种状态！</p>
+          <p>{{ selectedMember?.user_name || selectedMember?.name }} 的各项指标都很不错，继续保持这种状态！</p>
         </div>
       </div>
-    </div> -->
+    </div>
     
     <!-- 录音列表 -->
-    <div class="recordings-section">
+    <!-- <div class="recordings-section" >
       <div class="recordings-header" @click="toggleRecordingsCollapse">
         <h3>🎧 通话录音</h3>
         <div class="collapse-toggle" :class="{ 'collapsed': isRecordingsCollapsed }">
@@ -118,7 +118,7 @@
           <p>{{ selectedMember?.user_name || selectedMember?.name || '张三' }} 还没有通话录音记录</p>
         </div>
       </div>
-    </div>
+    </div> -->
     
     <!-- Tooltip 组件 -->
     <Tooltip 
@@ -243,7 +243,6 @@ const downloadRecording = (recording) => {
   document.body.appendChild(link)
   link.click()
   document.body.removeChild(link)
-  
   // 实际项目中可能需要调用API来获取下载链接
   console.log('下载录音:', recording.title)
 }
@@ -252,6 +251,11 @@ const downloadRecording = (recording) => {
 const getGuidanceForMember = (member) => {
   const guidance = []
   
+  // 检查member是否存在
+  if (!member) {
+    return guidance
+  }
+  
   // 业绩相关建议
   if (member.performance === 0) {
     guidance.push({
diff --git a/my-vue-app/src/views/maneger/components/PerformanceRanking.vue b/my-vue-app/src/views/maneger/components/PerformanceRanking.vue
index a3a41d4..cf48ec3 100644
--- a/my-vue-app/src/views/maneger/components/PerformanceRanking.vue
+++ b/my-vue-app/src/views/maneger/components/PerformanceRanking.vue
@@ -14,7 +14,7 @@
           v-for="(member, index) in displayMembers" 
           :key="member.user_name || member.id"
           class="table-row"
-          :class="{ active: selectedMember && (selectedMember.user_name === member.user_name || selectedMember.id === member.id) }"
+          :class="{ active: selectedMember && selectedMember === member }"
           @click="selectMember(member)"
           @dblclick="handleDoubleClick(member)"
         >
diff --git a/my-vue-app/src/views/person/components/RawDataCards.vue b/my-vue-app/src/views/person/components/RawDataCards.vue
index 7397b3c..f94f288 100644
--- a/my-vue-app/src/views/person/components/RawDataCards.vue
+++ b/my-vue-app/src/views/person/components/RawDataCards.vue
@@ -91,6 +91,10 @@
                     <div class="call-header">
                       <span class="call-type">用户: {{ call.user_name }}</span>
                       <span class="call-duration">客户: {{ call.customer_name }}</span>
+                      <span class="call-tag" :class="{
+                         'tag-20min': call.record_tag === '20分钟通话',
+                         'tag-other': call.record_tag === '其他'
+                       }" v-if="call.record_tag">{{ call.record_tag }}</span>
                     </div>
                     <div class="call-actions">
                       <div class="action-buttons">
@@ -231,6 +235,7 @@ const callRecords = computed(() => {
   
   // 从 props.callInfo 中获取真实的通话记录数据
   if (props.callInfo && Array.isArray(props.callInfo)) {
+    console.log('通话记录:', props.callInfo)
     return props.callInfo
   }
   
@@ -581,6 +586,25 @@ const formatDateTime = (dateTimeString) => {
         font-size: 12px;
         color: #9ca3af;
       }
+      
+      .call-tag {
+        font-size: 11px;
+        font-weight: 600;
+        padding: 3px 8px;
+        border-radius: 12px;
+        
+        &.tag-20min {
+          background: #dcfce7;
+          color: #16a34a;
+          border: 1px solid #bbf7d0;
+        }
+        
+        &.tag-other {
+          background: #fef3c7;
+          color: #d97706;
+          border: 1px solid #fed7aa;
+        }
+      }
     }
     
     .call-actions {