yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

【功能优化】商城：客服页面优化

pull/557/head
卢越 2024-09-26 15:37:12 +08:00
parent 0db57da901
commit db98b376ff
3 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ContentWrap/src/ContentWrap.vue
View File

@ -11,7 +11,7 @@ const prefixCls = getPrefixCls('content-wrap')
defineProps({ defineProps({
title: propTypes.string.def(''), title: propTypes.string.def(''),
message: propTypes.string.def(''), message: propTypes.string.def(''),
bodyStyle: propTypes.object.def({ padding: '20px' }) bodyStyle: propTypes.object.def({ padding: '10px' })
}) })
</script> </script>

8
src/views/mall/promotion/kefu/components/KeFuConversationList.vue
View File

@ -22,13 +22,15 @@
<div class="ml-10px w-100%"> <div class="ml-10px w-100%">
<div class="flex justify-between items-center w-100%"> <div class="flex justify-between items-center w-100%">
<span class="username">{{ item.userNickname }}</span> <span class="username">{{ item.userNickname }}</span>
<span class="color-[var(--left-menu-text-color)]" style="font-size: 13px;"> <span class="color-[var(--left-menu-text-color)]" style="font-size: 13px">
{{ formatPast(item.lastMessageTime, 'YYYY-MM-DD') }} {{ formatPast(item.lastMessageTime, 'YYYY-MM-DD') }}
</span> </span>
</div> </div>
<!-- 最后聊天内容 --> <!-- 最后聊天内容 -->
<div <div
v-dompurify-html="getConversationDisplayText(item.lastMessageContentType, item.lastMessageContent)" v-dompurify-html="
getConversationDisplayText(item.lastMessageContentType, item.lastMessageContent)
"
class="last-message flex items-center color-[var(--left-menu-text-color)]" class="last-message flex items-center color-[var(--left-menu-text-color)]"
> >
</div> </div>
@ -205,7 +207,7 @@ watch(showRightMenu, (val) => {
.active { .active {
border-left: 5px #3271ff solid; border-left: 5px #3271ff solid;
background-color: var(--left-menu-bg-active-color); background-color: var(--login-bg-color);
} }
.pinned { .pinned {

18
src/views/mall/promotion/kefu/components/message/OrderItem.vue
View File

@ -1,8 +1,13 @@
<template> <template>
<div v-if="isObject(getMessageContent)" @click="openDetail(getMessageContent.id)" style="cursor: pointer;"> <div v-if="isObject(getMessageContent)">
<div :key="getMessageContent.id" class="order-list-card-box mt-14px"> <div :key="getMessageContent.id" class="order-list-card-box mt-14px">
<div class="order-card-header flex items-center justify-between p-x-5px"> <div class="order-card-header flex items-center justify-between p-x-5px">
<div class="order-no">订单号：{{ getMessageContent.no }}</div> <div class="order-no">
订单号：
<span style="cursor: pointer" @click="openDetail(getMessageContent.id)">
{{ getMessageContent.no }}
</span>
</div>
<div :class="formatOrderColor(getMessageContent)" class="order-state font-16"> <div :class="formatOrderColor(getMessageContent)" class="order-state font-16">
{{ formatOrderStatus(getMessageContent) }} {{ formatOrderStatus(getMessageContent) }}
</div> </div>
@ -113,8 +118,15 @@ function formatOrderStatus(order: any) {
height: 28px; height: 28px;
.order-no { .order-no {
font-size: 10px; font-size: 12px;
font-weight: 500; font-weight: 500;
span {
&:hover {
text-decoration: underline;
color: var(--left-menu-bg-active-color);
}
}
} }
} }