mirror of
https://gitee.com/yudaocode/yudao-ui-admin-vben.git
synced 2025-12-30 10:32:25 +00:00
feat：【antd/ele】【mall】客服的样式略微优化
This commit is contained in:
YunaiV
@@ -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>
|
||||
|
||||
@@ -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';
|
||||
@@ -102,7 +102,6 @@ watch(
|
||||
);
|
||||
|
||||
/** 查询用户钱包信息 */
|
||||
// TODO @jawe：idea 的导入报错；需要看下；
|
||||
const WALLET_INIT_DATA = {
|
||||
balance: 0,
|
||||
totalExpense: 0,
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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 '待付款';
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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' }}
|
||||
|
||||
@@ -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';
|
||||
@@ -102,7 +102,6 @@ watch(
|
||||
);
|
||||
|
||||
/** 查询用户钱包信息 */
|
||||
// TODO @jawe：idea 的导入报错；需要看下；
|
||||
const WALLET_INIT_DATA = {
|
||||
balance: 0,
|
||||
totalExpense: 0,
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -14,9 +14,9 @@ defineProps<{
|
||||
<div
|
||||
:class="[
|
||||
message.senderType === UserTypeEnum.MEMBER
|
||||
? `ml-[10px]`
|
||||
? `ml-2`
|
||||
: message.senderType === UserTypeEnum.ADMIN
|
||||
? `mr-[10px]`
|
||||
? `mr-2`
|
||||
: '',
|
||||
]"
|
||||
>
|
||||
|
||||
@@ -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 '待付款';
|
||||
|
||||
Reference in New Issue
Block a user