From 3cb140942c740a6bddf084310c6f2317f4852d92 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Thu, 6 Nov 2025 16:30:36 +0800
Subject: [PATCH] refactor: ele kefu

---
 .../promotion/kefu/modules/member/member-info.vue | 15 ++++++---------
 .../mall/promotion/kefu/modules/message-list.vue  |  6 +++++-
 .../promotion/kefu/modules/message/order-item.vue | 10 +++++-----
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/apps/web-ele/src/views/mall/promotion/kefu/modules/member/member-info.vue b/apps/web-ele/src/views/mall/promotion/kefu/modules/member/member-info.vue
index ac6399c18..79e3f4b4d 100644
--- a/apps/web-ele/src/views/mall/promotion/kefu/modules/member/member-info.vue
+++ b/apps/web-ele/src/views/mall/promotion/kefu/modules/member/member-info.vue
@@ -140,14 +140,13 @@ async function getUserData() {
 </script>
 
 <template>
-  <div class="bg-background relative">
+  <div class="bg-background flex h-full flex-auto flex-col">
     <div
-      class="relative flex h-12 items-center justify-around before:absolute before:bottom-0 before:left-0 before:h-[1px] before:w-full before:scale-y-[0.3] before:bg-gray-200 before:content-['']"
+      class="mt-4 flex h-12 items-center justify-around before:absolute before:bottom-0 before:left-0 before:h-1 before:w-full before:scale-y-[0.3] before:bg-gray-200 before:content-['']"
     >
       <div
         :class="{
-          'before:border-b-2 before:border-gray-500/50':
-            tabActivation('会员信息'),
+          'before:border-primary before:border-b-2': tabActivation('会员信息'),
         }"
         class="relative flex w-full cursor-pointer items-center justify-center before:pointer-events-none before:absolute before:inset-0 before:content-[''] hover:before:border-b-2 hover:before:border-gray-500/50"
         @click="handleClick('会员信息')"
@@ -156,8 +155,7 @@ async function getUserData() {
       </div>
       <div
         :class="{
-          'before:border-b-2 before:border-gray-500/50':
-            tabActivation('最近浏览'),
+          'before:border-primary before:border-b-2': tabActivation('最近浏览'),
         }"
         class="relative flex w-full cursor-pointer items-center justify-center before:pointer-events-none before:absolute before:inset-0 before:content-[''] hover:before:border-b-2 hover:before:border-gray-500/50"
         @click="handleClick('最近浏览')"
@@ -166,8 +164,7 @@ async function getUserData() {
       </div>
       <div
         :class="{
-          'before:border-b-2 before:border-gray-500/50':
-            tabActivation('交易订单'),
+          'before:border-primary before:border-b-2': tabActivation('交易订单'),
         }"
         class="relative flex w-full cursor-pointer items-center justify-center before:pointer-events-none before:absolute before:inset-0 before:content-[''] hover:before:border-b-2 hover:before:border-gray-500/50"
         @click="handleClick('交易订单')"
@@ -175,7 +172,7 @@ async function getUserData() {
         交易订单
       </div>
     </div>
-    <div class="relative m-0 w-full p-2">
+    <div class="relative m-0 h-full w-full overflow-x-auto p-2">
       <template v-if="!isEmpty(conversation)">
         <div
           v-loading="loading"
diff --git a/apps/web-ele/src/views/mall/promotion/kefu/modules/message-list.vue b/apps/web-ele/src/views/mall/promotion/kefu/modules/message-list.vue
index 2b03c594b..3598e8c05 100644
--- a/apps/web-ele/src/views/mall/promotion/kefu/modules/message-list.vue
+++ b/apps/web-ele/src/views/mall/promotion/kefu/modules/message-list.vue
@@ -351,9 +351,13 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
                   <ElImage
                     v-if="KeFuMessageContentTypeEnum.IMAGE === item.contentType"
                     :initial-index="0"
+                    :preview-src-list="[
+                      getMessageContent(item).picUrl || item.content,
+                    ]"
                     :src="getMessageContent(item).picUrl || item.content"
                     class="mx-2 !w-52"
-                    fit="cover"
+                    fit="contain"
+                    preview-teleported
                   />
                 </MessageItem>
                 <!-- 商品消息 -->
diff --git a/apps/web-ele/src/views/mall/promotion/kefu/modules/message/order-item.vue b/apps/web-ele/src/views/mall/promotion/kefu/modules/message/order-item.vue
index 809ef338f..278f40ef5 100644
--- a/apps/web-ele/src/views/mall/promotion/kefu/modules/message/order-item.vue
+++ b/apps/web-ele/src/views/mall/promotion/kefu/modules/message/order-item.vue
@@ -81,13 +81,13 @@ function formatOrderStatus(order: any) {
   <div
     v-if="isObject(getMessageContent)"
     :key="getMessageContent.id"
-    class="mb-2.5 rounded-md bg-gray-500/30 p-2.5"
+    class="mb-2 rounded-md bg-gray-500/30 p-2"
   >
-    <div class="flex h-7 items-center justify-between px-1.5 font-bold">
-      <div class="text-sm">
-        订单号：
+    <div class="flex h-6 items-center justify-between px-1 font-bold">
+      <div class="flex flex-row text-sm">
+        <div>订单号：</div>
         <span
-          class="cursor-pointer hover:text-[var(--left-menu-bg-active-color)] hover:underline"
+          class="text-primary cursor-pointer hover:underline"
           @click="openDetail(getMessageContent.id)"
         >
           {{ getMessageContent.no }}