From db8d66d046c482286012d45845ab4701cc655171 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Mon, 24 Nov 2025 14:34:52 +0800
Subject: [PATCH] fix: ele lint

---
 apps/web-ele/src/router/routes/modules/crm.ts        |  9 +++------
 apps/web-ele/src/views/ai/chat/index/index.vue       | 12 ++++++------
 .../ai/chat/index/modules/conversation/list.vue      |  2 +-
 .../ai/chat/index/modules/message/file-upload.vue    |  6 +++---
 .../ai/chat/index/modules/message/knowledge.vue      |  2 +-
 .../src/views/ai/chat/index/modules/message/list.vue |  2 +-
 .../src/views/ai/chat/index/modules/role/list.vue    |  2 +-
 .../views/ai/chat/index/modules/role/repository.vue  |  4 ++--
 apps/web-ele/src/views/ai/image/index/index.vue      |  4 ++--
 .../src/views/ai/image/index/modules/dall3/index.vue |  2 +-
 .../src/views/ai/image/index/modules/list.vue        |  4 ++--
 .../ai/image/index/modules/midjourney/index.vue      |  2 +-
 apps/web-ele/src/views/ai/image/square/index.vue     |  4 ++--
 .../src/views/ai/knowledge/document/form/index.vue   |  2 +-
 .../knowledge/document/form/modules/split-step.vue   |  2 +-
 .../src/views/ai/mindmap/index/modules/left.vue      |  4 ++--
 .../src/views/ai/music/index/list/audioBar/index.vue |  2 +-
 apps/web-ele/src/views/ai/workflow/form/index.vue    |  2 +-
 .../ai/workflow/form/modules/workflow-design.vue     |  2 +-
 .../src/views/ai/write/index/modules/left.vue        | 10 +++++-----
 .../src/views/ai/write/index/modules/right.vue       |  2 +-
 .../web-ele/src/views/ai/write/index/modules/tag.vue |  2 +-
 .../components/simple-process-model.vue              |  2 +-
 apps/web-ele/src/views/bpm/model/form/index.vue      |  2 +-
 .../views/erp/finance/payment/modules/item-form.vue  |  7 ++++---
 .../views/erp/finance/receipt/modules/item-form.vue  |  7 ++++---
 .../src/views/erp/purchase/in/modules/item-form.vue  |  7 ++++---
 .../views/erp/purchase/order/modules/item-form.vue   |  8 +++++---
 .../views/erp/purchase/return/modules/item-form.vue  |  7 ++++---
 .../src/views/erp/sale/order/modules/item-form.vue   |  7 ++++---
 .../src/views/erp/sale/out/modules/item-form.vue     |  7 ++++---
 .../src/views/erp/sale/return/modules/item-form.vue  |  7 ++++---
 .../src/views/erp/stock/check/modules/item-form.vue  |  7 ++++---
 apps/web-ele/src/views/infra/codegen/edit/index.vue  |  2 +-
 .../mall/product/spu/components/spu-showcase.vue     |  2 +-
 .../promotion/combination/components/showcase.vue    |  3 ++-
 .../promotion/kefu/modules/conversation-list.vue     |  4 ++--
 .../promotion/kefu/modules/member/member-info.vue    |  8 ++++----
 .../mall/promotion/kefu/modules/message-list.vue     |  6 +++---
 .../promotion/kefu/modules/message/order-item.vue    |  2 +-
 .../mall/promotion/point/components/showcase.vue     |  2 +-
 .../mall/promotion/seckill/components/showcase.vue   |  3 ++-
 .../src/views/mp/components/wx-music/wx-music.vue    |  2 +-
 43 files changed, 97 insertions(+), 88 deletions(-)

diff --git a/apps/web-ele/src/router/routes/modules/crm.ts b/apps/web-ele/src/router/routes/modules/crm.ts
index 599a3b409..f9e05b35e 100644
--- a/apps/web-ele/src/router/routes/modules/crm.ts
+++ b/apps/web-ele/src/router/routes/modules/crm.ts
@@ -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',
diff --git a/apps/web-ele/src/views/ai/chat/index/index.vue b/apps/web-ele/src/views/ai/chat/index/index.vue
index 745d68eac..693403c4a 100644
--- a/apps/web-ele/src/views/ai/chat/index/index.vue
+++ b/apps/web-ele/src/views/ai/chat/index/index.vue
@@ -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"
diff --git a/apps/web-ele/src/views/ai/chat/index/modules/conversation/list.vue b/apps/web-ele/src/views/ai/chat/index/modules/conversation/list.vue
index 17340f446..125097329 100644
--- a/apps/web-ele/src/views/ai/chat/index/modules/conversation/list.vue
+++ b/apps/web-ele/src/views/ai/chat/index/modules/conversation/list.vue
@@ -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"
diff --git a/apps/web-ele/src/views/ai/chat/index/modules/message/file-upload.vue b/apps/web-ele/src/views/ai/chat/index/modules/message/file-upload.vue
index 6d6b69179..eff1b57c2 100644
--- a/apps/web-ele/src/views/ai/chat/index/modules/message/file-upload.vue
+++ b/apps/web-ele/src/views/ai/chat/index/modules/message/file-upload.vue
@@ -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"
     >
diff --git a/apps/web-ele/src/views/ai/chat/index/modules/message/knowledge.vue b/apps/web-ele/src/views/ai/chat/index/modules/message/knowledge.vue
index 34eabf15d..6feff4184 100644
--- a/apps/web-ele/src/views/ai/chat/index/modules/message/knowledge.vue
+++ b/apps/web-ele/src/views/ai/chat/index/modules/message/knowledge.vue
@@ -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">
diff --git a/apps/web-ele/src/views/ai/chat/index/modules/message/list.vue b/apps/web-ele/src/views/ai/chat/index/modules/message/list.vue
index d6cf102c7..36630d152 100644
--- a/apps/web-ele/src/views/ai/chat/index/modules/message/list.vue
+++ b/apps/web-ele/src/views/ai/chat/index/modules/message/list.vue
@@ -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>
diff --git a/apps/web-ele/src/views/ai/chat/index/modules/role/list.vue b/apps/web-ele/src/views/ai/chat/index/modules/role/list.vue
index 8d26f4e46..a3f3e4035 100644
--- a/apps/web-ele/src/views/ai/chat/index/modules/role/list.vue
+++ b/apps/web-ele/src/views/ai/chat/index/modules/role/list.vue
@@ -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>
diff --git a/apps/web-ele/src/views/ai/chat/index/modules/role/repository.vue b/apps/web-ele/src/views/ai/chat/index/modules/role/repository.vue
index 45e6ddb81..20bc9e416 100644
--- a/apps/web-ele/src/views/ai/chat/index/modules/role/repository.vue
+++ b/apps/web-ele/src/views/ai/chat/index/modules/role/repository.vue
@@ -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"
diff --git a/apps/web-ele/src/views/ai/image/index/index.vue b/apps/web-ele/src/views/ai/image/index/index.vue
index 03c9ade9d..1a2f84272 100644
--- a/apps/web-ele/src/views/ai/image/index/index.vue
+++ b/apps/web-ele/src/views/ai/image/index/index.vue
@@ -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>
diff --git a/apps/web-ele/src/views/ai/image/index/modules/dall3/index.vue b/apps/web-ele/src/views/ai/image/index/modules/dall3/index.vue
index 5ab63e21f..299b93fd4 100644
--- a/apps/web-ele/src/views/ai/image/index/modules/dall3/index.vue
+++ b/apps/web-ele/src/views/ai/image/index/modules/dall3/index.vue
@@ -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',
           ]"
diff --git a/apps/web-ele/src/views/ai/image/index/modules/list.vue b/apps/web-ele/src/views/ai/image/index/modules/list.vue
index d958cf464..903654965 100644
--- a/apps/web-ele/src/views/ai/image/index/modules/list.vue
+++ b/apps/web-ele/src/views/ai/image/index/modules/list.vue
@@ -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"
diff --git a/apps/web-ele/src/views/ai/image/index/modules/midjourney/index.vue b/apps/web-ele/src/views/ai/image/index/modules/midjourney/index.vue
index b2bbb2de6..5c847baa0 100644
--- a/apps/web-ele/src/views/ai/image/index/modules/midjourney/index.vue
+++ b/apps/web-ele/src/views/ai/image/index/modules/midjourney/index.vue
@@ -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',
           ]"
diff --git a/apps/web-ele/src/views/ai/image/square/index.vue b/apps/web-ele/src/views/ai/image/square/index.vue
index e837cbb66..636aaded5 100644
--- a/apps/web-ele/src/views/ai/image/square/index.vue
+++ b/apps/web-ele/src/views/ai/image/square/index.vue
@@ -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"
diff --git a/apps/web-ele/src/views/ai/knowledge/document/form/index.vue b/apps/web-ele/src/views/ai/knowledge/document/form/index.vue
index bee03dc25..1ef242912 100644
--- a/apps/web-ele/src/views/ai/knowledge/document/form/index.vue
+++ b/apps/web-ele/src/views/ai/knowledge/document/form/index.vue
@@ -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">
diff --git a/apps/web-ele/src/views/ai/knowledge/document/form/modules/split-step.vue b/apps/web-ele/src/views/ai/knowledge/document/form/modules/split-step.vue
index 65f4126a9..e2c97818b 100644
--- a/apps/web-ele/src/views/ai/knowledge/document/form/modules/split-step.vue
+++ b/apps/web-ele/src/views/ai/knowledge/document/form/modules/split-step.vue
@@ -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>
diff --git a/apps/web-ele/src/views/ai/mindmap/index/modules/left.vue b/apps/web-ele/src/views/ai/mindmap/index/modules/left.vue
index 39fd218c8..f2bd48c3d 100644
--- a/apps/web-ele/src/views/ai/mindmap/index/modules/left.vue
+++ b/apps/web-ele/src/views/ai/mindmap/index/modules/left.vue
@@ -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">
diff --git a/apps/web-ele/src/views/ai/music/index/list/audioBar/index.vue b/apps/web-ele/src/views/ai/music/index/list/audioBar/index.vue
index 4399afde6..961620aab 100644
--- a/apps/web-ele/src/views/ai/music/index/list/audioBar/index.vue
+++ b/apps/web-ele/src/views/ai/music/index/list/audioBar/index.vue
@@ -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">
diff --git a/apps/web-ele/src/views/ai/workflow/form/index.vue b/apps/web-ele/src/views/ai/workflow/form/index.vue
index 00e5a08d9..ca206ffbe 100644
--- a/apps/web-ele/src/views/ai/workflow/form/index.vue
+++ b/apps/web-ele/src/views/ai/workflow/form/index.vue
@@ -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">
diff --git a/apps/web-ele/src/views/ai/workflow/form/modules/workflow-design.vue b/apps/web-ele/src/views/ai/workflow/form/modules/workflow-design.vue
index 8786e31cd..3acb5ad5b 100644
--- a/apps/web-ele/src/views/ai/workflow/form/modules/workflow-design.vue
+++ b/apps/web-ele/src/views/ai/workflow/form/modules/workflow-design.vue
@@ -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>
diff --git a/apps/web-ele/src/views/ai/write/index/modules/left.vue b/apps/web-ele/src/views/ai/write/index/modules/left.vue
index 7d69a277b..a364265db 100644
--- a/apps/web-ele/src/views/ai/write/index/modules/left.vue
+++ b/apps/web-ele/src/views/ai/write/index/modules/left.vue
@@ -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">
diff --git a/apps/web-ele/src/views/ai/write/index/modules/right.vue b/apps/web-ele/src/views/ai/write/index/modules/right.vue
index 262a33554..bd0a46831 100644
--- a/apps/web-ele/src/views/ai/write/index/modules/right.vue
+++ b/apps/web-ele/src/views/ai/write/index/modules/right.vue
@@ -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"
diff --git a/apps/web-ele/src/views/ai/write/index/modules/tag.vue b/apps/web-ele/src/views/ai/write/index/modules/tag.vue
index f199a8dd1..ed758fc0a 100644
--- a/apps/web-ele/src/views/ai/write/index/modules/tag.vue
+++ b/apps/web-ele/src/views/ai/write/index/modules/tag.vue
@@ -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'
       "
diff --git a/apps/web-ele/src/views/bpm/components/simple-process-design/components/simple-process-model.vue b/apps/web-ele/src/views/bpm/components/simple-process-design/components/simple-process-model.vue
index 8cc8d3fdf..d4fa3b152 100644
--- a/apps/web-ele/src/views/bpm/components/simple-process-design/components/simple-process-model.vue
+++ b/apps/web-ele/src/views/bpm/components/simple-process-design/components/simple-process-model.vue
@@ -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">
diff --git a/apps/web-ele/src/views/bpm/model/form/index.vue b/apps/web-ele/src/views/bpm/model/form/index.vue
index 79896c35e..8c42659c1 100644
--- a/apps/web-ele/src/views/bpm/model/form/index.vue
+++ b/apps/web-ele/src/views/bpm/model/form/index.vue
@@ -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">
diff --git a/apps/web-ele/src/views/erp/finance/payment/modules/item-form.vue b/apps/web-ele/src/views/erp/finance/payment/modules/item-form.vue
index dcd93d79b..54fd08999 100644
--- a/apps/web-ele/src/views/erp/finance/payment/modules/item-form.vue
+++ b/apps/web-ele/src/views/erp/finance/payment/modules/item-form.vue
@@ -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) }}
diff --git a/apps/web-ele/src/views/erp/finance/receipt/modules/item-form.vue b/apps/web-ele/src/views/erp/finance/receipt/modules/item-form.vue
index 311e1c576..be746dbe4 100644
--- a/apps/web-ele/src/views/erp/finance/receipt/modules/item-form.vue
+++ b/apps/web-ele/src/views/erp/finance/receipt/modules/item-form.vue
@@ -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) }}
diff --git a/apps/web-ele/src/views/erp/purchase/in/modules/item-form.vue b/apps/web-ele/src/views/erp/purchase/in/modules/item-form.vue
index 492618675..6ec8a500c 100644
--- a/apps/web-ele/src/views/erp/purchase/in/modules/item-form.vue
+++ b/apps/web-ele/src/views/erp/purchase/in/modules/item-form.vue
@@ -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>
diff --git a/apps/web-ele/src/views/erp/purchase/order/modules/item-form.vue b/apps/web-ele/src/views/erp/purchase/order/modules/item-form.vue
index d32daafae..0d32f3a62 100644
--- a/apps/web-ele/src/views/erp/purchase/order/modules/item-form.vue
+++ b/apps/web-ele/src/views/erp/purchase/order/modules/item-form.vue
@@ -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>
diff --git a/apps/web-ele/src/views/erp/purchase/return/modules/item-form.vue b/apps/web-ele/src/views/erp/purchase/return/modules/item-form.vue
index 2010c5cb0..93e24edd9 100644
--- a/apps/web-ele/src/views/erp/purchase/return/modules/item-form.vue
+++ b/apps/web-ele/src/views/erp/purchase/return/modules/item-form.vue
@@ -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>
diff --git a/apps/web-ele/src/views/erp/sale/order/modules/item-form.vue b/apps/web-ele/src/views/erp/sale/order/modules/item-form.vue
index 84a698cf9..0a0aef785 100644
--- a/apps/web-ele/src/views/erp/sale/order/modules/item-form.vue
+++ b/apps/web-ele/src/views/erp/sale/order/modules/item-form.vue
@@ -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>
diff --git a/apps/web-ele/src/views/erp/sale/out/modules/item-form.vue b/apps/web-ele/src/views/erp/sale/out/modules/item-form.vue
index 85122ebe0..3ec5996b3 100644
--- a/apps/web-ele/src/views/erp/sale/out/modules/item-form.vue
+++ b/apps/web-ele/src/views/erp/sale/out/modules/item-form.vue
@@ -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>
diff --git a/apps/web-ele/src/views/erp/sale/return/modules/item-form.vue b/apps/web-ele/src/views/erp/sale/return/modules/item-form.vue
index 442baf663..3e169a983 100644
--- a/apps/web-ele/src/views/erp/sale/return/modules/item-form.vue
+++ b/apps/web-ele/src/views/erp/sale/return/modules/item-form.vue
@@ -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>
diff --git a/apps/web-ele/src/views/erp/stock/check/modules/item-form.vue b/apps/web-ele/src/views/erp/stock/check/modules/item-form.vue
index 19f78cf7c..545c1a6f3 100644
--- a/apps/web-ele/src/views/erp/stock/check/modules/item-form.vue
+++ b/apps/web-ele/src/views/erp/stock/check/modules/item-form.vue
@@ -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>
diff --git a/apps/web-ele/src/views/infra/codegen/edit/index.vue b/apps/web-ele/src/views/infra/codegen/edit/index.vue
index 5b612254e..63161ed74 100644
--- a/apps/web-ele/src/views/infra/codegen/edit/index.vue
+++ b/apps/web-ele/src/views/infra/codegen/edit/index.vue
@@ -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"
diff --git a/apps/web-ele/src/views/mall/product/spu/components/spu-showcase.vue b/apps/web-ele/src/views/mall/product/spu/components/spu-showcase.vue
index 05568e5b0..73e5af5cc 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/spu-showcase.vue
+++ b/apps/web-ele/src/views/mall/product/spu/components/spu-showcase.vue
@@ -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" />
diff --git a/apps/web-ele/src/views/mall/promotion/combination/components/showcase.vue b/apps/web-ele/src/views/mall/promotion/combination/components/showcase.vue
index 748db18b8..d52e0e458 100644
--- a/apps/web-ele/src/views/mall/promotion/combination/components/showcase.vue
+++ b/apps/web-ele/src/views/mall/promotion/combination/components/showcase.vue
@@ -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" />
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 b05abe4eb..9f22f84b6 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
@@ -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"
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 5812205e2..4b87f377a 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
@@ -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('交易订单')"
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 a77da00cd..633187084 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
@@ -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>
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 8e73ac8ae..ff0ecd986 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
@@ -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 }}
diff --git a/apps/web-ele/src/views/mall/promotion/point/components/showcase.vue b/apps/web-ele/src/views/mall/promotion/point/components/showcase.vue
index 95aceb9ec..f1bbe2a59 100644
--- a/apps/web-ele/src/views/mall/promotion/point/components/showcase.vue
+++ b/apps/web-ele/src/views/mall/promotion/point/components/showcase.vue
@@ -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" />
diff --git a/apps/web-ele/src/views/mall/promotion/seckill/components/showcase.vue b/apps/web-ele/src/views/mall/promotion/seckill/components/showcase.vue
index 6143063c8..5ee5fe6d3 100644
--- a/apps/web-ele/src/views/mall/promotion/seckill/components/showcase.vue
+++ b/apps/web-ele/src/views/mall/promotion/seckill/components/showcase.vue
@@ -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" />
diff --git a/apps/web-ele/src/views/mp/components/wx-music/wx-music.vue b/apps/web-ele/src/views/mp/components/wx-music/wx-music.vue
index b0edfbd2c..b6a91dc92 100644
--- a/apps/web-ele/src/views/mp/components/wx-music/wx-music.vue
+++ b/apps/web-ele/src/views/mp/components/wx-music/wx-music.vue
@@ -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>