oneos-v5/frontend
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat：【antd/ele】【mall】客服的样式略微优化

Browse Source
This commit is contained in:
YunaiV
2025-11-06 21:03:10 +08:00
parent 3483dceab3
commit 80c31c3f32
12 changed files with 12 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web-antd/src/views/mall/promotion/kefu/index.vue
View File

@@ -115,7 +115,7 @@ onBeforeUnmount(() => {
<!-- 会话详情（选中会话的消息列表） --> <!-- 会话详情（选中会话的消息列表） -->
<MessageList class="w-4/6" ref="messageListRef" /> <MessageList class="w-4/6" ref="messageListRef" />
<!-- 会员信息（选中会话的会员信息） --> <!-- 会员信息（选中会话的会员信息） -->
<MemberInfo class="w-1/6" ref="memberInfoRef" /> <MemberInfo class="w-[280px]" ref="memberInfoRef" />
</div> </div>
</div> </div>
</Page> </Page>

3
apps/web-antd/src/views/mall/promotion/kefu/modules/index.ts
View File

@@ -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';

1
apps/web-antd/src/views/mall/promotion/kefu/modules/member/member-info.vue
View File

@@ -102,7 +102,6 @@ watch(
); );
/** 查询用户钱包信息 */ /** 查询用户钱包信息 */
// TODO @jawe：idea 的导入报错；需要看下；
const WALLET_INIT_DATA = { const WALLET_INIT_DATA = {
balance: 0, balance: 0,
totalExpense: 0, totalExpense: 0,

2
apps/web-antd/src/views/mall/promotion/kefu/modules/message-list.vue
View File

@@ -396,7 +396,7 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
<IconifyIcon class="ml-1" icon="lucide:arrow-down-from-line" /> <IconifyIcon class="ml-1" icon="lucide:arrow-down-from-line" />
</div> </div>
<div class="flex flex-col"> <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"> <div class="flex h-10 w-full items-center">
<EmojiSelectPopover @select-emoji="handleEmojiSelect" /> <EmojiSelectPopover @select-emoji="handleEmojiSelect" />
<PictureSelectUpload <PictureSelectUpload

13
apps/web-antd/src/views/mall/promotion/kefu/modules/message/order-item.vue
View File

@@ -26,12 +26,7 @@ function openDetail(id: number) {
push({ name: 'TradeOrderDetail', params: { id } }); push({ name: 'TradeOrderDetail', params: { id } });
} }
/** /** 格式化订单状态的颜色 */
* 格式化订单状态的颜色
*
* @param order 订单
* @return {string} 颜色的 class 名称
*/
function formatOrderColor(order: any) { function formatOrderColor(order: any) {
if (order.status === 0) { if (order.status === 0) {
return 'text-gray-500'; return 'text-gray-500';
@@ -49,11 +44,7 @@ function formatOrderColor(order: any) {
return 'text-red-500'; return 'text-red-500';
} }
/** /** 格式化订单状态 */
* 格式化订单状态
*
* @param order 订单
*/
function formatOrderStatus(order: any) { function formatOrderStatus(order: any) {
if (order.status === 0) { if (order.status === 0) {
return '待付款'; return '待付款';

2
apps/web-ele/src/views/mall/promotion/kefu/index.vue
View File

@@ -115,7 +115,7 @@ onBeforeUnmount(() => {
<!-- 会话详情（选中会话的消息列表） --> <!-- 会话详情（选中会话的消息列表） -->
<MessageList class="w-4/6" ref="messageListRef" /> <MessageList class="w-4/6" ref="messageListRef" />
<!-- 会员信息（选中会话的会员信息） --> <!-- 会员信息（选中会话的会员信息） -->
<MemberInfo class="w-1/6" ref="memberInfoRef" /> <MemberInfo class="w-[280px]" ref="memberInfoRef" />
</div> </div>
</div> </div>
</Page> </Page>

2
apps/web-ele/src/views/mall/promotion/kefu/modules/conversation-list.vue
View File

@@ -184,7 +184,7 @@ onBeforeUnmount(() => {
<div <div
class="flex h-8 w-8 items-center justify-center rounded-full bg-gray-200" 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>
<div class="ml-2 text-sm font-semibold"> <div class="ml-2 text-sm font-semibold">
{{ item.userNickname || 'null' }} {{ item.userNickname || 'null' }}

3
apps/web-ele/src/views/mall/promotion/kefu/modules/index.ts
View File

@@ -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';

1
apps/web-ele/src/views/mall/promotion/kefu/modules/member/member-info.vue
View File

@@ -102,7 +102,6 @@ watch(
); );
/** 查询用户钱包信息 */ /** 查询用户钱包信息 */
// TODO @jawe：idea 的导入报错；需要看下；
const WALLET_INIT_DATA = { const WALLET_INIT_DATA = {
balance: 0, balance: 0,
totalExpense: 0, totalExpense: 0,

3
apps/web-ele/src/views/mall/promotion/kefu/modules/message-list.vue
View File

@@ -402,7 +402,7 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
<IconifyIcon class="ml-1" icon="lucide:arrow-down-from-line" /> <IconifyIcon class="ml-1" icon="lucide:arrow-down-from-line" />
</div> </div>
<div class="flex flex-col"> <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"> <div class="flex h-10 w-full items-center">
<EmojiSelectPopover @select-emoji="handleEmojiSelect" /> <EmojiSelectPopover @select-emoji="handleEmojiSelect" />
<PictureSelectUpload <PictureSelectUpload
@@ -417,6 +417,7 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
class="border-none p-2" class="border-none p-2"
placeholder="输入消息，Enter发送，Shift+Enter换行" placeholder="输入消息，Enter发送，Shift+Enter换行"
@keyup.enter="handleSendMessage" @keyup.enter="handleSendMessage"
:input-style="{ boxShadow: 'none' }"
/> />
</div> </div>
</div> </div>

4
apps/web-ele/src/views/mall/promotion/kefu/modules/message/message-item.vue
View File

@@ -14,9 +14,9 @@ defineProps<{
<div <div
:class="[ :class="[
message.senderType === UserTypeEnum.MEMBER message.senderType === UserTypeEnum.MEMBER
? `ml-[10px]` ? `ml-2`
: message.senderType === UserTypeEnum.ADMIN : message.senderType === UserTypeEnum.ADMIN
? `mr-[10px]` ? `mr-2`
: '', : '',
]" ]"
> >

13
apps/web-ele/src/views/mall/promotion/kefu/modules/message/order-item.vue
View File

@@ -26,12 +26,7 @@ function openDetail(id: number) {
push({ name: 'TradeOrderDetail', params: { id } }); push({ name: 'TradeOrderDetail', params: { id } });
} }
/** /** 格式化订单状态的颜色 */
* 格式化订单状态的颜色
*
* @param order 订单
* @return {string} 颜色的 class 名称
*/
function formatOrderColor(order: any) { function formatOrderColor(order: any) {
if (order.status === 0) { if (order.status === 0) {
return 'text-gray-500'; return 'text-gray-500';
@@ -49,11 +44,7 @@ function formatOrderColor(order: any) {
return 'text-red-500'; return 'text-red-500';
} }
/** /** 格式化订单状态 */
* 格式化订单状态
*
* @param order 订单
*/
function formatOrderStatus(order: any) { function formatOrderStatus(order: any) {
if (order.status === 0) { if (order.status === 0) {
return '待付款'; return '待付款';