fix: ele lint

This commit is contained in:
xingyu4j
2025-11-24 14:34:52 +08:00
parent 50ba0c137a
commit db8d66d046
43 changed files with 97 additions and 88 deletions

View File

@@ -90,8 +90,7 @@ const routes: RouteRecordRaw[] = [
title: '客户统计',
activePath: '/crm/statistics/customer',
},
component: () =>
import('#/views/crm/statistics/customer/index.vue'),
component: () => import('#/views/crm/statistics/customer/index.vue'),
},
{
path: 'statistics/funnel',
@@ -109,8 +108,7 @@ const routes: RouteRecordRaw[] = [
title: '员工业绩',
activePath: '/crm/statistics/performance',
},
component: () =>
import('#/views/crm/statistics/performance/index.vue'),
component: () => import('#/views/crm/statistics/performance/index.vue'),
},
{
path: 'statistics/portrait',
@@ -119,8 +117,7 @@ const routes: RouteRecordRaw[] = [
title: '客户画像',
activePath: '/crm/statistics/portrait',
},
component: () =>
import('#/views/crm/statistics/portrait/index.vue'),
component: () => import('#/views/crm/statistics/portrait/index.vue'),
},
{
path: 'statistics/rank',

View File

@@ -411,8 +411,8 @@ async function doSendMessageStream(userMessage: AiChatMessageApi.ChatMessage) {
const lastMessage =
activeMessageList.value[activeMessageList.value.length - 1];
// 累加推理内容
lastMessage.reasoningContent =
(lastMessage.reasoningContent || '') +
lastMessage!.reasoningContent =
(lastMessage!.reasoningContent || '') +
data.receive.reasoningContent;
}
@@ -563,9 +563,9 @@ onMounted(async () => {
/>
<!-- 右侧详情部分 -->
<ElContainer direction="vertical" class="bg-card mx-4 flex-1">
<ElContainer direction="vertical" class="mx-4 flex-1 bg-card">
<ElHeader
class="!bg-card border-border flex !h-12 items-center justify-between border-b !px-4"
class="flex !h-12 items-center justify-between border-b border-border !bg-card !px-4"
>
<div class="text-lg font-bold">
{{ activeConversation?.title ? activeConversation?.title : '对话' }}
@@ -632,9 +632,9 @@ onMounted(async () => {
</div>
</ElMain>
<ElFooter height="auto" class="!bg-card flex flex-col !p-0">
<ElFooter height="auto" class="flex flex-col !bg-card !p-0">
<form
class="border-border mx-4 mb-8 mt-2 flex flex-col rounded-xl border p-2"
class="mx-4 mb-8 mt-2 flex flex-col rounded-xl border border-border p-2"
>
<textarea
class="box-border h-24 resize-none overflow-auto rounded-md p-2 focus:outline-none"

View File

@@ -421,7 +421,7 @@ onMounted(async () => {
<!-- 左底部工具栏 -->
<div
class="bg-card absolute bottom-1 left-0 right-0 mb-4 flex items-center justify-between px-5 leading-9 text-gray-400 shadow-sm"
class="absolute bottom-1 left-0 right-0 mb-4 flex items-center justify-between bg-card px-5 leading-9 text-gray-400 shadow-sm"
>
<div
class="flex cursor-pointer items-center text-gray-400"

View File

@@ -138,14 +138,14 @@ async function uploadFile(fileItem: FileItem) {
fileItem.progress = 100;
// 调试日志
console.log('上传响应:', response);
console.warn('上传响应:', response);
// 兼容不同的返回格式:{ url: '...' } 或 { data: '...' } 或直接是字符串
const fileUrl =
(response as any)?.url || (response as any)?.data || response;
fileItem.url = fileUrl;
console.log('提取的文件 URL:', fileUrl);
console.warn('提取的文件 URL:', fileUrl);
// 只有当 URL 有效时才添加到列表
if (fileUrl && typeof fileUrl === 'string') {
@@ -242,7 +242,7 @@ onUnmounted(() => {
<!-- Hover 显示的文件列表 -->
<div
v-if="hasFiles && showTooltip"
class="animate-in fade-in slide-in-from-bottom-1 absolute bottom-[calc(100%+8px)] left-1/2 z-[1000] min-w-[240px] max-w-[320px] -translate-x-1/2 rounded-lg border border-gray-200 bg-white p-2 shadow-lg duration-200"
class="absolute bottom-[calc(100%+8px)] left-1/2 z-[1000] min-w-[240px] max-w-[320px] -translate-x-1/2 rounded-lg border border-gray-200 bg-white p-2 shadow-lg duration-200 animate-in fade-in slide-in-from-bottom-1"
@mouseenter="showTooltipHandler"
@mouseleave="hideTooltipHandler"
>

View File

@@ -66,7 +66,7 @@ function handleClick(doc: any) {
<div
v-for="(doc, index) in documentList"
:key="index"
class="bg-card cursor-pointer rounded-lg p-2 px-3 transition-all hover:bg-blue-50"
class="cursor-pointer rounded-lg bg-card p-2 px-3 transition-all hover:bg-blue-50"
@click="handleClick(doc)"
>
<div class="mb-1 text-sm text-gray-600">

View File

@@ -233,7 +233,7 @@ onMounted(async () => {
<!-- 回到底部按钮 -->
<div
v-if="isScrolling"
class="z-1000 absolute bottom-0 right-1/2"
class="absolute bottom-0 right-1/2 z-1000"
@click="handleGoBottom"
>
<ElButton circle>

View File

@@ -107,7 +107,7 @@ async function handleTabsScroll() {
<ElDropdownItem @click="handleMoreClick('edit', role)">
<div class="flex items-center">
<IconifyIcon icon="lucide:edit" color="#787878" />
<span class="text-primary ml-2">编辑</span>
<span class="ml-2 text-primary">编辑</span>
</div>
</ElDropdownItem>
</ElDropdownMenu>

View File

@@ -183,12 +183,12 @@ onMounted(async () => {
<template>
<Drawer>
<ElContainer
class="bg-card absolute inset-0 flex h-full w-full flex-col overflow-hidden"
class="absolute inset-0 flex h-full w-full flex-col overflow-hidden bg-card"
>
<FormModal @success="handlerAddRoleSuccess" />
<ElMain class="relative m-0 flex-1 overflow-hidden p-0">
<div class="z-100 absolute right-5 top-5 flex items-center">
<div class="absolute right-5 top-5 z-100 flex items-center">
<!-- 搜索输入框 -->
<ElInput
v-model="search"

View File

@@ -89,7 +89,7 @@ onMounted(async () => {
<template>
<Page auto-content-height>
<div class="absolute inset-0 m-4 flex h-full w-full flex-row">
<div class="bg-card left-0 mr-4 flex w-96 flex-col rounded-lg p-4">
<div class="left-0 mr-4 flex w-96 flex-col rounded-lg bg-card p-4">
<div class="flex justify-center">
<ElSegmented v-model="selectPlatform" :options="platformOptions" />
</div>
@@ -120,7 +120,7 @@ onMounted(async () => {
/>
</div>
</div>
<div class="bg-card flex-1">
<div class="flex-1 bg-card">
<ImageList ref="imageListRef" @on-regeneration="handleRegeneration" />
</div>
</div>

View File

@@ -231,7 +231,7 @@ defineExpose({ settingValues });
@click="handleSizeClick(imageSize)"
>
<div
class="bg-card flex h-12 w-12 flex-col items-center justify-center rounded-lg border p-0"
class="flex h-12 w-12 flex-col items-center justify-center rounded-lg border bg-card p-0"
:class="[
selectSize === imageSize.key ? 'border-blue-500' : 'border-white',
]"

View File

@@ -144,7 +144,7 @@ async function handleImageMidjourneyButtonClick(
const data = {
id: imageDetail.id,
customId: button.customId,
} as AiImageApi.ImageMidjourneyActionVO;
} as AiImageApi.ImageMidjourneyAction;
// 2. 发送 action
await midjourneyAction(data);
// 3. 刷新列表
@@ -206,7 +206,7 @@ onUnmounted(async () => {
</div>
<div
class="bg-card sticky bottom-0 z-50 flex h-16 items-center justify-center shadow-sm"
class="sticky bottom-0 z-50 flex h-16 items-center justify-center bg-card shadow-sm"
>
<ElPagination
:total="pageTotal"

View File

@@ -179,7 +179,7 @@ defineExpose({ settingValues });
@click="handleSizeClick(imageSize)"
>
<div
class="bg-card flex h-12 w-12 items-center justify-center rounded-lg border p-0"
class="flex h-12 w-12 items-center justify-center rounded-lg border bg-card p-0"
:class="[
selectSize === imageSize.key ? 'border-blue-500' : 'border-white',
]"

View File

@@ -61,12 +61,12 @@ onMounted(async () => {
</template>
</ElInput>
<div
class="bg-card grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-2.5 shadow-sm"
class="grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-2.5 bg-card shadow-sm"
>
<div
v-for="item in list"
:key="item.id"
class="bg-card relative cursor-pointer overflow-hidden transition-transform duration-300 hover:scale-105"
class="relative cursor-pointer overflow-hidden bg-card transition-transform duration-300 hover:scale-105"
>
<ElImage
:src="item.picUrl"

View File

@@ -132,7 +132,7 @@ onMounted(async () => {
<div class="mx-auto">
<!-- 头部导航栏 -->
<div
class="bg-card absolute left-0 right-0 top-0 z-10 flex h-12 items-center border-b px-4"
class="absolute left-0 right-0 top-0 z-10 flex h-12 items-center border-b bg-card px-4"
>
<!-- 左侧标题 -->
<div class="flex w-48 items-center overflow-hidden">

View File

@@ -263,7 +263,7 @@ onMounted(async () => {
分片-{{ index + 1 }} · {{ segment.contentLength || 0 }} 字符数 ·
{{ segment.tokens || 0 }} Token
</div>
<div class="bg-card rounded-md p-2">
<div class="rounded-md bg-card p-2">
{{ segment.content }}
</div>
</div>

View File

@@ -25,8 +25,8 @@ defineExpose({
});
</script>
<template>
<div class="bg-card flex w-80 flex-col rounded-lg p-5">
<h3 class="text-primary h-7 w-full text-center text-xl leading-7">
<div class="flex w-80 flex-col rounded-lg bg-card p-5">
<h3 class="h-7 w-full text-center text-xl leading-7 text-primary">
思维导图创作中心
</h3>
<div class="mt-4 flex-grow overflow-y-auto">

View File

@@ -39,7 +39,7 @@ function audioTimeUpdate(args: any) {
<template>
<div
class="b-1 b-l-none h-18 bg-card flex items-center justify-between border border-solid border-rose-100 px-2"
class="b-1 b-l-none h-18 flex items-center justify-between border border-solid border-rose-100 bg-card px-2"
>
<!-- 歌曲信息 -->
<div class="flex gap-2.5">

View File

@@ -204,7 +204,7 @@ onBeforeUnmount(() => {
<div class="mx-auto">
<!-- 头部导航栏 -->
<div
class="bg-card absolute inset-x-0 top-0 z-10 flex h-12 items-center border-b px-5"
class="absolute inset-x-0 top-0 z-10 flex h-12 items-center border-b bg-card px-5"
>
<!-- 左侧标题 -->
<div class="flex w-48 items-center overflow-hidden">

View File

@@ -256,7 +256,7 @@ defineExpose({ validate });
</fieldset>
<fieldset
class="bg-card m-0 mt-10 rounded-lg border border-gray-200 px-3 py-4"
class="m-0 mt-10 rounded-lg border border-gray-200 bg-card px-3 py-4"
>
<legend class="ml-2 px-2.5 text-base font-semibold text-gray-600">
<h3>运行结果</h3>

View File

@@ -136,7 +136,7 @@ function handleSubmit() {
<span>{{ label }}</span>
<span
v-if="hint"
class="text-primary-500 flex cursor-pointer select-none items-center text-xs"
class="flex cursor-pointer select-none items-center text-xs text-primary-500"
@click="hintClick"
>
<IconifyIcon icon="lucide:circle-help" />
@@ -145,14 +145,14 @@ function handleSubmit() {
</h3>
</DefineLabel>
<div class="flex flex-col" v-bind="$attrs">
<div class="bg-card flex w-full justify-center pt-2">
<div class="bg-card z-10 w-72 rounded-full p-1">
<div class="flex w-full justify-center bg-card pt-2">
<div class="z-10 w-72 rounded-full bg-card p-1">
<div
:class="
selectedTab === AiWriteTypeEnum.REPLY &&
'after:translate-x-[100%] after:transform'
"
class="after:bg-card relative flex items-center after:absolute after:left-0 after:top-0 after:block after:h-7 after:w-1/2 after:rounded-full after:transition-transform after:content-['']"
class="relative flex items-center after:absolute after:left-0 after:top-0 after:block after:h-7 after:w-1/2 after:rounded-full after:bg-card after:transition-transform after:content-['']"
>
<ReuseTab
v-for="tab in tabs"
@@ -166,7 +166,7 @@ function handleSubmit() {
</div>
</div>
<div
class="bg-card box-border h-full w-96 flex-grow overflow-y-auto px-7 pb-2 lg:block"
class="box-border h-full w-96 flex-grow overflow-y-auto bg-card px-7 pb-2 lg:block"
>
<div>
<template v-if="selectedTab === AiWriteTypeEnum.WRITING">

View File

@@ -72,7 +72,7 @@ watch(copied, (val) => {
class="hide-scroll-bar box-border h-full overflow-y-auto"
>
<div
class="bg-card relative box-border min-h-full w-full flex-grow p-2 sm:p-5"
class="relative box-border min-h-full w-full flex-grow bg-card p-2 sm:p-5"
>
<ElButton
v-show="isWriting"

View File

@@ -21,7 +21,7 @@ const emits = defineEmits<{
<span
v-for="tag in props.tags"
:key="tag.value"
class="bg-card border-card-100 mb-2 cursor-pointer rounded border-2 border-solid px-1 text-xs leading-6"
class="border-card-100 mb-2 cursor-pointer rounded border-2 border-solid bg-card px-1 text-xs leading-6"
:class="
modelValue === tag.value && '!border-primary-500 !text-primary-500'
"

View File

@@ -200,7 +200,7 @@ onMounted(() => {
</script>
<template>
<div class="simple-process-model-container">
<div class="bg-card absolute right-0 top-0">
<div class="absolute right-0 top-0 bg-card">
<ElRow type="flex" justify="end">
<ElButtonGroup key="scale-control">
<ElButton v-if="!readonly" @click="exportJson">

View File

@@ -395,7 +395,7 @@ onBeforeUnmount(() => {
<div class="mx-auto">
<!-- 头部导航栏 -->
<div
class="bg-card absolute inset-x-0 top-0 z-10 flex h-12 items-center border-b px-5"
class="absolute inset-x-0 top-0 z-10 flex h-12 items-center border-b bg-card px-5"
>
<!-- 左侧标题 -->
<div class="flex w-48 items-center overflow-hidden">

View File

@@ -128,6 +128,7 @@ const handleOpenPurchaseIn = () => {
const handleAddPurchaseIn = (rows: ErpPurchaseInApi.PurchaseIn[]) => {
rows.forEach((row) => {
// TODO @芋艿
const newItem: ErpFinancePaymentApi.FinancePaymentItem = {
bizId: row.id,
bizType: ErpBizType.PURCHASE_IN,
@@ -251,9 +252,9 @@ defineExpose({ validate });
</template>
<template #bottom>
<div class="border-border bg-muted mt-2 rounded border p-2">
<div class="text-muted-foreground flex justify-between text-sm">
<span class="text-foreground font-medium">合计</span>
<div class="mt-2 rounded border border-border bg-muted p-2">
<div class="flex justify-between text-sm text-muted-foreground">
<span class="font-medium text-foreground">合计</span>
<div class="flex space-x-4">
<span>
合计付款{{ erpPriceInputFormatter(summaries.totalPrice) }}

View File

@@ -127,6 +127,7 @@ function handleOpenSaleOut() {
}
function handleAddSaleOut(rows: ErpSaleOutApi.SaleOut[]) {
// TODO @芋艿
rows.forEach((row) => {
const newItem: ErpFinanceReceiptApi.FinanceReceiptItem = {
bizId: row.id,
@@ -251,9 +252,9 @@ defineExpose({ validate });
</template>
<template #bottom>
<div class="border-border bg-muted mt-2 rounded border p-2">
<div class="text-muted-foreground flex justify-between text-sm">
<span class="text-foreground font-medium">合计</span>
<div class="mt-2 rounded border border-border bg-muted p-2">
<div class="flex justify-between text-sm text-muted-foreground">
<span class="font-medium text-foreground">合计</span>
<div class="flex space-x-4">
<span>
合计收款{{ erpPriceInputFormatter(summaries.totalPrice) }}

View File

@@ -131,6 +131,7 @@ watch(
/** 处理删除 */
function handleDelete(row: ErpPurchaseInApi.PurchaseInItem) {
// TODO @芋艿
const index = tableData.value.findIndex((item) => item.seq === row.seq);
if (index !== -1) {
tableData.value.splice(index, 1);
@@ -289,9 +290,9 @@ onMounted(async () => {
</template>
<template #bottom>
<div class="border-border bg-muted mt-2 rounded border p-2">
<div class="text-muted-foreground flex justify-between text-sm">
<span class="text-foreground font-medium">合计</span>
<div class="mt-2 rounded border border-border bg-muted p-2">
<div class="flex justify-between text-sm text-muted-foreground">
<span class="font-medium text-foreground">合计</span>
<div class="flex space-x-4">
<span>数量{{ erpCountInputFormatter(summaries.count) }}</span>
<span>

View File

@@ -142,6 +142,7 @@ function handleAdd() {
/** 处理删除 */
function handleDelete(row: ErpPurchaseOrderApi.PurchaseOrderItem) {
// TODO @芋艿
const index = tableData.value.findIndex((item) => item.seq === row.seq);
if (index !== -1) {
tableData.value.splice(index, 1);
@@ -169,6 +170,7 @@ async function handleProductChange(productId: any, row: any) {
/** 处理行数据变更 */
function handleRowChange(row: any) {
// TODO @芋艿
const index = tableData.value.findIndex((item) => item.seq === row.seq);
if (index === -1) {
tableData.value.push(row);
@@ -296,9 +298,9 @@ onMounted(async () => {
</template>
<template #bottom>
<div class="border-border bg-muted mt-2 rounded border p-2">
<div class="text-muted-foreground flex justify-between text-sm">
<span class="text-foreground font-medium">合计</span>
<div class="mt-2 rounded border border-border bg-muted p-2">
<div class="flex justify-between text-sm text-muted-foreground">
<span class="font-medium text-foreground">合计</span>
<div class="flex space-x-4">
<span>数量{{ erpCountInputFormatter(summaries.count) }}</span>
<span>

View File

@@ -131,6 +131,7 @@ watch(
/** 处理删除 */
function handleDelete(row: ErpPurchaseReturnApi.PurchaseReturnItem) {
// TODO @芋艿
const index = tableData.value.findIndex((item) => item.seq === row.seq);
if (index !== -1) {
tableData.value.splice(index, 1);
@@ -291,9 +292,9 @@ onMounted(async () => {
</template>
<template #bottom>
<div class="border-border bg-muted mt-2 rounded border p-2">
<div class="text-muted-foreground flex justify-between text-sm">
<span class="text-foreground font-medium">合计</span>
<div class="mt-2 rounded border border-border bg-muted p-2">
<div class="flex justify-between text-sm text-muted-foreground">
<span class="font-medium text-foreground">合计</span>
<div class="flex space-x-4">
<span>数量{{ erpCountInputFormatter(summaries.count) }}</span>
<span>

View File

@@ -142,6 +142,7 @@ function handleAdd() {
/** 处理删除 */
function handleDelete(row: ErpSaleOrderApi.SaleOrderItem) {
// TODO @芋艿
const index = tableData.value.findIndex((item) => item.seq === row.seq);
if (index !== -1) {
tableData.value.splice(index, 1);
@@ -296,9 +297,9 @@ onMounted(async () => {
</template>
<template #bottom>
<div class="border-border bg-muted mt-2 rounded border p-2">
<div class="text-muted-foreground flex justify-between text-sm">
<span class="text-foreground font-medium">合计</span>
<div class="mt-2 rounded border border-border bg-muted p-2">
<div class="flex justify-between text-sm text-muted-foreground">
<span class="font-medium text-foreground">合计</span>
<div class="flex space-x-4">
<span>数量{{ erpCountInputFormatter(summaries.count) }}</span>
<span>

View File

@@ -131,6 +131,7 @@ watch(
/** 处理删除 */
function handleDelete(row: ErpSaleOutApi.SaleOutItem) {
// TODO @芋艿
const index = tableData.value.findIndex((item) => item.seq === row.seq);
if (index !== -1) {
tableData.value.splice(index, 1);
@@ -289,9 +290,9 @@ onMounted(async () => {
</template>
<template #bottom>
<div class="border-border bg-muted mt-2 rounded border p-2">
<div class="text-muted-foreground flex justify-between text-sm">
<span class="text-foreground font-medium">合计</span>
<div class="mt-2 rounded border border-border bg-muted p-2">
<div class="flex justify-between text-sm text-muted-foreground">
<span class="font-medium text-foreground">合计</span>
<div class="flex space-x-4">
<span>数量{{ erpCountInputFormatter(summaries.count) }}</span>
<span>

View File

@@ -131,6 +131,7 @@ watch(
/** 处理删除 */
function handleDelete(row: ErpSaleReturnApi.SaleReturnItem) {
// TODO @芋艿
const index = tableData.value.findIndex((item) => item.seq === row.seq);
if (index !== -1) {
tableData.value.splice(index, 1);
@@ -289,9 +290,9 @@ onMounted(async () => {
</template>
<template #bottom>
<div class="border-border bg-muted mt-2 rounded border p-2">
<div class="text-muted-foreground flex justify-between text-sm">
<span class="text-foreground font-medium">合计</span>
<div class="mt-2 rounded border border-border bg-muted p-2">
<div class="flex justify-between text-sm text-muted-foreground">
<span class="font-medium text-foreground">合计</span>
<div class="flex space-x-4">
<span>数量{{ erpCountInputFormatter(summaries.count) }}</span>
<span>

View File

@@ -106,6 +106,7 @@ function handleAdd() {
/** 处理删除 */
function handleDelete(row: ErpStockCheckApi.StockCheckItem) {
// TODO @芋艿
const index = tableData.value.findIndex((item) => item.seq === row.seq);
if (index !== -1) {
tableData.value.splice(index, 1);
@@ -284,9 +285,9 @@ onMounted(async () => {
</template>
<template #bottom>
<div class="border-border bg-muted mt-2 rounded border p-2">
<div class="text-muted-foreground flex justify-between text-sm">
<span class="text-foreground font-medium">合计</span>
<div class="mt-2 rounded border border-border bg-muted p-2">
<div class="flex justify-between text-sm text-muted-foreground">
<span class="font-medium text-foreground">合计</span>
<div class="flex space-x-4">
<span>数量{{ erpCountInputFormatter(summaries.count) }}</span>
<span>

View File

@@ -119,7 +119,7 @@ getDetail();
<template>
<Page auto-content-height v-loading="loading">
<div class="bg-card flex h-[95%] flex-col rounded-md p-4">
<div class="flex h-[95%] flex-col rounded-md bg-card p-4">
<ElSteps :active="currentStep" class="mb-8 rounded shadow-sm" simple>
<ElStep
v-for="(step, index) in steps"

View File

@@ -125,7 +125,7 @@ function emitSpuChange() {
<!-- 添加商品按钮 -->
<ElTooltip v-if="canAdd" content="选择商品">
<div
class="hover:border-primary hover:bg-primary/5 flex h-[60px] w-[60px] cursor-pointer items-center justify-center rounded-lg border-2 border-dashed transition-colors"
class="flex h-[60px] w-[60px] cursor-pointer items-center justify-center rounded-lg border-2 border-dashed transition-colors hover:border-primary hover:bg-primary/5"
@click="handleOpenSpuSelect"
>
<IconifyIcon icon="ep:plus" class="text-xl text-gray-400" />

View File

@@ -111,6 +111,7 @@ function emitActivityChange() {
>
<ElTooltip :content="activity.name">
<div class="relative h-full w-full">
<!-- TODO @芋艿 -->
<ElImage
:src="activity.picUrl"
class="h-full w-full rounded-lg object-cover"
@@ -131,7 +132,7 @@ function emitActivityChange() {
<!-- 添加活动按钮 -->
<ElTooltip v-if="canAdd" content="选择活动">
<div
class="hover:border-primary hover:bg-primary/5 flex h-[60px] w-[60px] cursor-pointer items-center justify-center rounded-lg border-2 border-dashed transition-colors"
class="flex h-[60px] w-[60px] cursor-pointer items-center justify-center rounded-lg border-2 border-dashed transition-colors hover:border-primary hover:bg-primary/5"
@click="handleOpenActivitySelect"
>
<IconifyIcon icon="ep:plus" class="text-xl text-gray-400" />

View File

@@ -159,7 +159,7 @@ onBeforeUnmount(() => {
<template>
<div
class="bg-background flex flex-shrink-0 flex-col border-r border-gray-200 p-4"
class="flex flex-shrink-0 flex-col border-r border-gray-200 bg-background p-4"
>
<div class="flex h-12 w-full flex-row items-center justify-between">
<span class="text-lg font-bold">会话记录</span>
@@ -213,7 +213,7 @@ onBeforeUnmount(() => {
<ul
v-show="showRightMenu"
:style="rightMenuStyle"
class="bg-background absolute z-[9999] m-0 w-32 list-none rounded-xl p-1 shadow-md"
class="absolute z-[9999] m-0 w-32 list-none rounded-xl bg-background p-1 shadow-md"
>
<li
v-show="!rightClickConversation.adminPinned"

View File

@@ -139,13 +139,13 @@ async function getUserData() {
</script>
<template>
<div class="bg-background flex h-full flex-auto flex-col">
<div class="flex h-full flex-auto flex-col bg-background">
<div
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-primary before:border-b-2': tabActivation('会员信息'),
'before:border-b-2 before:border-primary': 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('会员信息')"
@@ -154,7 +154,7 @@ async function getUserData() {
</div>
<div
:class="{
'before:border-primary before:border-b-2': tabActivation('最近浏览'),
'before:border-b-2 before:border-primary': 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('最近浏览')"
@@ -163,7 +163,7 @@ async function getUserData() {
</div>
<div
:class="{
'before:border-primary before:border-b-2': tabActivation('交易订单'),
'before:border-b-2 before:border-primary': 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('交易订单')"

View File

@@ -97,7 +97,7 @@ function pushMessage(message: any) {
/** 按照时间倒序,获取消息列表 */
const getMessageList0 = computed(() => {
// 使用展开运算符创建新数组,避免直接修改原数组
return [...messageList.value].sort(
return [...messageList.value].toSorted(
(a: any, b: any) => a.createTime - b.createTime,
);
});
@@ -267,7 +267,7 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
<template>
<div
v-if="showMessageList()"
class="bg-background flex h-full flex-auto flex-col p-4"
class="flex h-full flex-auto flex-col bg-background p-4"
>
<div class="flex h-full flex-auto flex-shrink-0 flex-col">
<div class="flex h-12 w-full flex-row items-center justify-between">
@@ -423,7 +423,7 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
</div>
</div>
</div>
<div v-else class="bg-background relative">
<div v-else class="relative bg-background">
<ElEmpty description="请选择左侧的一个会话后开始" class="mt-[20%]" />
</div>
</template>

View File

@@ -78,7 +78,7 @@ function formatOrderStatus(order: any) {
<div class="flex flex-row text-sm">
<div>订单号</div>
<span
class="text-primary cursor-pointer hover:underline"
class="cursor-pointer text-primary hover:underline"
@click="openDetail(getMessageContent.id)"
>
{{ getMessageContent.no }}

View File

@@ -132,7 +132,7 @@ function emitActivityChange() {
<!-- 添加活动按钮 -->
<ElTooltip v-if="canAdd" content="选择活动">
<div
class="hover:border-primary hover:bg-primary/5 flex h-[60px] w-[60px] cursor-pointer items-center justify-center rounded-lg border-2 border-dashed transition-colors"
class="flex h-[60px] w-[60px] cursor-pointer items-center justify-center rounded-lg border-2 border-dashed transition-colors hover:border-primary hover:bg-primary/5"
@click="handleOpenActivitySelect"
>
<IconifyIcon icon="ep:plus" class="text-xl text-gray-400" />

View File

@@ -110,6 +110,7 @@ function emitActivityChange() {
>
<ElTooltip :content="activity.name">
<div class="relative h-full w-full">
<!-- TODO @芋艿 -->
<ElImage
:src="activity.picUrl"
class="h-full w-full rounded-lg object-cover"
@@ -130,7 +131,7 @@ function emitActivityChange() {
<!-- 添加活动按钮 -->
<ElTooltip v-if="canAdd" content="选择活动">
<div
class="hover:border-primary hover:bg-primary/5 flex h-[60px] w-[60px] cursor-pointer items-center justify-center rounded-lg border-2 border-dashed transition-colors"
class="flex h-[60px] w-[60px] cursor-pointer items-center justify-center rounded-lg border-2 border-dashed transition-colors hover:border-primary hover:bg-primary/5"
@click="handleOpenActivitySelect"
>
<IconifyIcon icon="lucide:plus" class="text-xl text-gray-400" />

View File

@@ -43,7 +43,7 @@ defineExpose({
target="_blank"
:href="hqMusicUrl ? hqMusicUrl : musicUrl"
>
<div class="mp-card__body bg-background rounded-sm p-2.5">
<div class="mp-card__body rounded-sm bg-background p-2.5">
<div class="mp-card__avatar">
<img :src="thumbMediaUrl" alt="" />
</div>