From 80c31c3f322260ecb8c2188c5db0bfaba3192d2d Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Thu, 6 Nov 2025 21:03:10 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90antd/ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90mall=E3=80=91=E5=AE=A2=E6=9C=8D=E7=9A=84=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E7=95=A5=E5=BE=AE=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/mall/promotion/kefu/index.vue         |  2 +-
 .../src/views/mall/promotion/kefu/modules/index.ts  |  3 ---
 .../promotion/kefu/modules/member/member-info.vue   |  1 -
 .../mall/promotion/kefu/modules/message-list.vue    |  2 +-
 .../promotion/kefu/modules/message/order-item.vue   | 13 ++-----------
 .../web-ele/src/views/mall/promotion/kefu/index.vue |  2 +-
 .../promotion/kefu/modules/conversation-list.vue    |  2 +-
 .../src/views/mall/promotion/kefu/modules/index.ts  |  3 ---
 .../promotion/kefu/modules/member/member-info.vue   |  1 -
 .../mall/promotion/kefu/modules/message-list.vue    |  3 ++-
 .../promotion/kefu/modules/message/message-item.vue |  4 ++--
 .../promotion/kefu/modules/message/order-item.vue   | 13 ++-----------
 12 files changed, 12 insertions(+), 37 deletions(-)
 delete mode 100644 apps/web-antd/src/views/mall/promotion/kefu/modules/index.ts
 delete mode 100644 apps/web-ele/src/views/mall/promotion/kefu/modules/index.ts

diff --git a/apps/web-antd/src/views/mall/promotion/kefu/index.vue b/apps/web-antd/src/views/mall/promotion/kefu/index.vue
index 2834830d4..55e833784 100644
--- a/apps/web-antd/src/views/mall/promotion/kefu/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/kefu/index.vue
@@ -115,7 +115,7 @@ onBeforeUnmount(() => {
         <!-- 会话详情（选中会话的消息列表） -->
         <MessageList class="w-4/6" ref="messageListRef" />
         <!-- 会员信息（选中会话的会员信息） -->
-        <MemberInfo class="w-1/6" ref="memberInfoRef" />
+        <MemberInfo class="w-[280px]" ref="memberInfoRef" />
       </div>
     </div>
   </Page>
diff --git a/apps/web-antd/src/views/mall/promotion/kefu/modules/index.ts b/apps/web-antd/src/views/mall/promotion/kefu/modules/index.ts
deleted file mode 100644
index eb34eb6ff..000000000
--- a/apps/web-antd/src/views/mall/promotion/kefu/modules/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as ConversationList } from './conversation-list.vue';
-export { default as MemberInfo } from './member/member-info.vue';
-export { default as MessageList } from './message-list.vue';
diff --git a/apps/web-antd/src/views/mall/promotion/kefu/modules/member/member-info.vue b/apps/web-antd/src/views/mall/promotion/kefu/modules/member/member-info.vue
index 8de8e1578..4ffad2af4 100644
--- a/apps/web-antd/src/views/mall/promotion/kefu/modules/member/member-info.vue
+++ b/apps/web-antd/src/views/mall/promotion/kefu/modules/member/member-info.vue
@@ -102,7 +102,6 @@ watch(
 );
 
 /** 查询用户钱包信息 */
-// TODO @jawe：idea 的导入报错；需要看下；
 const WALLET_INIT_DATA = {
   balance: 0,
   totalExpense: 0,
diff --git a/apps/web-antd/src/views/mall/promotion/kefu/modules/message-list.vue b/apps/web-antd/src/views/mall/promotion/kefu/modules/message-list.vue
index 28a3aba06..f71147bd6 100644
--- a/apps/web-antd/src/views/mall/promotion/kefu/modules/message-list.vue
+++ b/apps/web-antd/src/views/mall/promotion/kefu/modules/message-list.vue
@@ -396,7 +396,7 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
         <IconifyIcon class="ml-1" icon="lucide:arrow-down-from-line" />
       </div>
       <div class="flex flex-col">
-        <div class="border-border -mt-3 flex flex-col rounded-xl border">
+        <div class="-mt-2 flex flex-col rounded-xl border">
           <div class="flex h-10 w-full items-center">
             <EmojiSelectPopover @select-emoji="handleEmojiSelect" />
             <PictureSelectUpload
diff --git a/apps/web-antd/src/views/mall/promotion/kefu/modules/message/order-item.vue b/apps/web-antd/src/views/mall/promotion/kefu/modules/message/order-item.vue
index 278f40ef5..8e73ac8ae 100644
--- a/apps/web-antd/src/views/mall/promotion/kefu/modules/message/order-item.vue
+++ b/apps/web-antd/src/views/mall/promotion/kefu/modules/message/order-item.vue
@@ -26,12 +26,7 @@ function openDetail(id: number) {
   push({ name: 'TradeOrderDetail', params: { id } });
 }
 
-/**
- * 格式化订单状态的颜色
- *
- * @param order 订单
- * @return {string} 颜色的 class 名称
- */
+/** 格式化订单状态的颜色 */
 function formatOrderColor(order: any) {
   if (order.status === 0) {
     return 'text-gray-500';
@@ -49,11 +44,7 @@ function formatOrderColor(order: any) {
   return 'text-red-500';
 }
 
-/**
- * 格式化订单状态
- *
- * @param order 订单
- */
+/** 格式化订单状态 */
 function formatOrderStatus(order: any) {
   if (order.status === 0) {
     return '待付款';
diff --git a/apps/web-ele/src/views/mall/promotion/kefu/index.vue b/apps/web-ele/src/views/mall/promotion/kefu/index.vue
index 566eda59f..096cb0cd2 100644
--- a/apps/web-ele/src/views/mall/promotion/kefu/index.vue
+++ b/apps/web-ele/src/views/mall/promotion/kefu/index.vue
@@ -115,7 +115,7 @@ onBeforeUnmount(() => {
         <!-- 会话详情（选中会话的消息列表） -->
         <MessageList class="w-4/6" ref="messageListRef" />
         <!-- 会员信息（选中会话的会员信息） -->
-        <MemberInfo class="w-1/6" ref="memberInfoRef" />
+        <MemberInfo class="w-[280px]" ref="memberInfoRef" />
       </div>
     </div>
   </Page>
diff --git a/apps/web-ele/src/views/mall/promotion/kefu/modules/conversation-list.vue b/apps/web-ele/src/views/mall/promotion/kefu/modules/conversation-list.vue
index 87ff78b5d..b05abe4eb 100644
--- a/apps/web-ele/src/views/mall/promotion/kefu/modules/conversation-list.vue
+++ b/apps/web-ele/src/views/mall/promotion/kefu/modules/conversation-list.vue
@@ -184,7 +184,7 @@ onBeforeUnmount(() => {
           <div
             class="flex h-8 w-8 items-center justify-center rounded-full bg-gray-200"
           >
-            <ElAvatar :src="item.userAvatar" alt="avatar" class="size-8" />
+            <ElAvatar :src="item.userAvatar" alt="avatar" :size="30" />
           </div>
           <div class="ml-2 text-sm font-semibold">
             {{ item.userNickname || 'null' }}
diff --git a/apps/web-ele/src/views/mall/promotion/kefu/modules/index.ts b/apps/web-ele/src/views/mall/promotion/kefu/modules/index.ts
deleted file mode 100644
index eb34eb6ff..000000000
--- a/apps/web-ele/src/views/mall/promotion/kefu/modules/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as ConversationList } from './conversation-list.vue';
-export { default as MemberInfo } from './member/member-info.vue';
-export { default as MessageList } from './message-list.vue';
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 79e3f4b4d..5812205e2 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
@@ -102,7 +102,6 @@ watch(
 );
 
 /** 查询用户钱包信息 */
-// TODO @jawe：idea 的导入报错；需要看下；
 const WALLET_INIT_DATA = {
   balance: 0,
   totalExpense: 0,
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 3598e8c05..a77da00cd 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
@@ -402,7 +402,7 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
         <IconifyIcon class="ml-1" icon="lucide:arrow-down-from-line" />
       </div>
       <div class="flex flex-col">
-        <div class="border-border -mt-3 flex flex-col rounded-xl border">
+        <div class="-mt-2 flex flex-col rounded-xl border">
           <div class="flex h-10 w-full items-center">
             <EmojiSelectPopover @select-emoji="handleEmojiSelect" />
             <PictureSelectUpload
@@ -417,6 +417,7 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
             class="border-none p-2"
             placeholder="输入消息，Enter发送，Shift+Enter换行"
             @keyup.enter="handleSendMessage"
+            :input-style="{ boxShadow: 'none' }"
           />
         </div>
       </div>
diff --git a/apps/web-ele/src/views/mall/promotion/kefu/modules/message/message-item.vue b/apps/web-ele/src/views/mall/promotion/kefu/modules/message/message-item.vue
index 589628a75..7c8e3153b 100644
--- a/apps/web-ele/src/views/mall/promotion/kefu/modules/message/message-item.vue
+++ b/apps/web-ele/src/views/mall/promotion/kefu/modules/message/message-item.vue
@@ -14,9 +14,9 @@ defineProps<{
   <div
     :class="[
       message.senderType === UserTypeEnum.MEMBER
-        ? `ml-[10px]`
+        ? `ml-2`
         : message.senderType === UserTypeEnum.ADMIN
-          ? `mr-[10px]`
+          ? `mr-2`
           : '',
     ]"
   >
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 278f40ef5..8e73ac8ae 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
@@ -26,12 +26,7 @@ function openDetail(id: number) {
   push({ name: 'TradeOrderDetail', params: { id } });
 }
 
-/**
- * 格式化订单状态的颜色
- *
- * @param order 订单
- * @return {string} 颜色的 class 名称
- */
+/** 格式化订单状态的颜色 */
 function formatOrderColor(order: any) {
   if (order.status === 0) {
     return 'text-gray-500';
@@ -49,11 +44,7 @@ function formatOrderColor(order: any) {
   return 'text-red-500';
 }
 
-/**
- * 格式化订单状态
- *
- * @param order 订单
- */
+/** 格式化订单状态 */
 function formatOrderStatus(order: any) {
   if (order.status === 0) {
     return '待付款';