From 8fd353a766c4048429240ddda650a32cea75c871 Mon Sep 17 00:00:00 2001
From: "pikachu1995@126.com" <pikachu1995@126.com>
Date: Tue, 20 Oct 2026 13:51:21 +0800
Subject: [PATCH] =?UTF-8?q?refactor(manager):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=85=A8=E5=B1=80=E7=A9=BA=E7=8A=B6=E6=80=81=E3=80=81=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF=E5=9B=BE=E7=89=87=E5=8D=A0=E4=BD=8D=E5=B9=B6=E5=8D=87?=
 =?UTF-8?q?=E7=BA=A7=E9=81=97=E7=95=99=E6=B6=88=E6=81=AF=E8=AF=AD=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 增加表格与树组件全局空状态 (el-empty) 样式规范
- 补齐视图图片语义化 alt，并添加全局图片加载异常 SVG 占位兜底
- 将砍价/秒杀/自定义面板中的 $Message 兼容语法替换为 ElMessage
- 清理冗余依赖 vuex，将 sass-loader 调整至 devDependencies
---
 manager/package.json                          |  3 +-
 manager/src/main.js                           |  2 ++
 manager/src/styles/element.scss               | 27 ++++++++++++++++
 manager/src/utils/imgFallback.js              | 31 +++++++++++++++++++
 manager/src/views/Main.vue                    |  2 +-
 manager/src/views/goods/goods-info/goods.vue  |  2 +-
 .../src/views/goods/goods-review/index.vue    |  2 +-
 manager/src/views/main-parts/header.vue       |  2 +-
 manager/src/views/member/list/index.vue       |  2 +-
 .../src/views/member/list/memberRecycle.vue   |  2 +-
 .../after-order/afterSaleOrderDetail.vue      |  4 +--
 manager/src/views/order/order/orderDetail.vue |  2 +-
 .../wap/config-panel/PanelFlexOne.vue         | 27 ++++++++--------
 .../kanjia/kanjia-activity-add-goods.vue      | 22 ++++++-------
 .../kanjia/kanjia-activity-edit-goods.vue     | 22 ++++++-------
 .../kanjia/kanjia-activity-goods.vue          |  2 +-
 .../src/views/promotions/live/live-detail.vue | 10 +++---
 .../promotions/points-goods/points-goods.vue  |  2 +-
 .../promotions/seckill/seckill-setup.vue      |  4 +--
 manager/src/views/seller/shop/shopDetail.vue  |  2 +-
 .../setting-manage/setting/BASE_SETTING.vue   | 12 +++----
 .../sys/setting-manage/smsSettingManage.vue   |  2 +-
 22 files changed, 123 insertions(+), 63 deletions(-)
 create mode 100644 manager/src/utils/imgFallback.js

diff --git a/manager/package.json b/manager/package.json
index 3687b5d8f..b4fcff22d 100644
--- a/manager/package.json
+++ b/manager/package.json
@@ -26,7 +26,6 @@
     "nprogress": "^0.2.0",
     "pinia": "^4.0.3",
     "sass": "^1.63.6",
-    "sass-loader": "^10.4.1",
     "sockjs-client": "^1.4.0",
     "swiper": "^6.3.5",
     "uuid": "^8.3.2",
@@ -40,13 +39,13 @@
   "devDependencies": {
     "@vue/cli-plugin-babel": "^5.0.9",
     "@vue/cli-plugin-router": "^5.0.9",
-    "@vue/cli-plugin-vuex": "^5.0.9",
     "@vue/cli-service": "^5.0.9",
     "@vue/compiler-sfc": "^3.5.35",
     "compression-webpack-plugin": "^10.0.0",
     "css-loader": "^6.10.0",
     "less": "^4.2.0",
     "less-loader": "^11.1.4",
+    "sass-loader": "^10.4.1",
     "style-loader": "^3.3.4",
     "style-resources-loader": "^1.5.0",
     "vue-cli-plugin-style-resources-loader": "^0.1.5",
diff --git a/manager/src/main.js b/manager/src/main.js
index f90eed1ff..f79e8d5bd 100644
--- a/manager/src/main.js
+++ b/manager/src/main.js
@@ -8,6 +8,7 @@ import { router } from "./router/index";
 import i18n from "@/locale";
 import { setupElementPlus } from "@/plugins/element";
 import { setupLegacyMessage } from "@/utils/message";
+import { setupImgFallback } from "@/utils/imgFallback";
 import liliDialog from "@/components/lili-dialog";
 import PriceColorScheme from "@/components/price-color-scheme.vue";
 import { install as installVueQr } from "vue-qr";
@@ -43,6 +44,7 @@ const app = createApp(App);
 
 setupElementPlus(app);
 setupLegacyMessage(app);
+setupImgFallback();
 installVueQr(app);
 
 app.use(router);
diff --git a/manager/src/styles/element.scss b/manager/src/styles/element.scss
index 6448267f8..ef9625311 100644
--- a/manager/src/styles/element.scss
+++ b/manager/src/styles/element.scss
@@ -119,3 +119,30 @@
 #nprogress .peg {
   box-shadow: 0 0 4px var(--el-color-primary, #409eff), 0 0 2px var(--el-color-primary, #409eff);
 }
+
+/* 统一空状态：表格 / 树 / 列表无数据时的展示（未自定义 #empty 插槽的页面均生效） */
+.el-table__empty-block {
+  min-height: 160px;
+}
+
+.el-table__empty-text,
+.el-tree__empty-text {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  line-height: 1.5;
+  color: #909399;
+  font-size: 14px;
+
+  &::before {
+    content: "";
+    display: block;
+    width: 64px;
+    height: 64px;
+    margin-bottom: 8px;
+    opacity: 0.7;
+    background: no-repeat center / contain
+      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23c0c4cc' stroke-width='2' stroke-linejoin='round'><path d='M8 36l8-20h32l8 20v12a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V36z'/><path d='M8 36h16a8 8 0 0 0 16 0h16'/></svg>");
+  }
+}
diff --git a/manager/src/utils/imgFallback.js b/manager/src/utils/imgFallback.js
new file mode 100644
index 000000000..496e759b5
--- /dev/null
+++ b/manager/src/utils/imgFallback.js
@@ -0,0 +1,31 @@
+/**
+ * 全局图片加载失败占位：
+ * 在捕获阶段监听 <img> 的 error 事件（error 不冒泡），失败时替换为内联 SVG 占位图。
+ * - 每张图片只替换一次，占位图自身加载失败不会再次触发，避免死循环
+ * - 空 src 不处理
+ * - 需要自行处理 error 的图片可添加 data-no-fallback 属性跳过
+ */
+const PLACEHOLDER =
+  "data:image/svg+xml;utf8," +
+  encodeURIComponent(
+    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='#c0c4cc' stroke-width='2' stroke-linejoin='round'>" +
+      "<rect width='64' height='64' fill='#f5f7fa' stroke='none'/>" +
+      "<rect x='14' y='18' width='36' height='28' rx='3'/>" +
+      "<circle cx='25' cy='28' r='3'/>" +
+      "<path d='M14 42l10-9 8 7 6-5 12 9'/></svg>"
+  );
+
+export function setupImgFallback() {
+  document.addEventListener(
+    "error",
+    (event) => {
+      const el = event.target;
+      if (!el || el.tagName !== "IMG") return;
+      if (el.dataset.noFallback !== undefined || el.dataset.fallbackApplied) return;
+      if (!el.getAttribute("src")) return;
+      el.dataset.fallbackApplied = "1";
+      el.src = PLACEHOLDER;
+    },
+    true
+  );
+}
diff --git a/manager/src/views/Main.vue b/manager/src/views/Main.vue
index 358f4948b..b25a329c0 100644
--- a/manager/src/views/Main.vue
+++ b/manager/src/views/Main.vue
@@ -13,7 +13,7 @@
     >
       <div class="main-header">
         <div class="header-logo-con">
-          <img :src="domainLogo" key="max-logo" />
+          <img alt="平台 Logo" :src="domainLogo" key="max-logo" />
         </div>
         <div class="header-avator-con">
           <div class="flex flex-a-c user-module" style="height: 100%">
diff --git a/manager/src/views/goods/goods-info/goods.vue b/manager/src/views/goods/goods-info/goods.vue
index ca92a3716..17b927bab 100644
--- a/manager/src/views/goods/goods-info/goods.vue
+++ b/manager/src/views/goods/goods-info/goods.vue
@@ -140,7 +140,7 @@
         <el-table-column prop="id" label="商品ID" width="200" show-overflow-tooltip />
         <el-table-column label="商品图片" width="100" align="center">
           <template #default="{ row }">
-            <img
+            <img alt="商品图片"
               v-if="row && row.original"
               :src="row.original"
               style="height: 50px; width: 50px; object-fit: cover"
diff --git a/manager/src/views/goods/goods-review/index.vue b/manager/src/views/goods/goods-review/index.vue
index 53527324f..61e2df10d 100644
--- a/manager/src/views/goods/goods-review/index.vue
+++ b/manager/src/views/goods/goods-review/index.vue
@@ -94,7 +94,7 @@
       <div class="info-list" style="overflow: hidden">
         <div class="left-container">
           <div class="product">
-            <img class="img" :src="infoData.goodsImage" />
+            <img alt="商品图片" class="img" :src="infoData.goodsImage" />
           </div>
           <div class="show">
             <label>页面展示：</label>
diff --git a/manager/src/views/main-parts/header.vue b/manager/src/views/main-parts/header.vue
index 9c01e45b2..ee6daa54c 100644
--- a/manager/src/views/main-parts/header.vue
+++ b/manager/src/views/main-parts/header.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-row class="header">
-      <img v-if="domainLogo" :src="domainLogo" class="logo" width="220px" />
+      <img alt="平台 Logo" v-if="domainLogo" :src="domainLogo" class="logo" width="220px" />
     </el-row>
   </div>
 </template>
diff --git a/manager/src/views/member/list/index.vue b/manager/src/views/member/list/index.vue
index 1b2827a91..72367024b 100644
--- a/manager/src/views/member/list/index.vue
+++ b/manager/src/views/member/list/index.vue
@@ -213,7 +213,7 @@
       <el-form ref="formRef" :model="form" :rules="ruleValidate" label-width="80px">
         <el-input v-model="form.id" style="display: none" />
         <el-form-item label="头像">
-          <img :src="form.face || defaultPic" class="face" />
+          <img alt="会员头像" :src="form.face || defaultPic" class="face" />
           <el-button
             type="primary"
             link
diff --git a/manager/src/views/member/list/memberRecycle.vue b/manager/src/views/member/list/memberRecycle.vue
index 9ad0748fa..e89b90f15 100644
--- a/manager/src/views/member/list/memberRecycle.vue
+++ b/manager/src/views/member/list/memberRecycle.vue
@@ -98,7 +98,7 @@
     <el-dialog v-model="descFlag" :title="descTitle" width="500px" destroy-on-close>
       <el-form ref="formValidateRef" :model="formValidate" :rules="ruleValidate" label-width="80px">
         <el-form-item label="头像">
-          <img :src="formValidate.face" class="face" />
+          <img alt="会员头像" :src="formValidate.face" class="face" />
           <el-button
             type="primary"
             link
diff --git a/manager/src/views/order/after-order/afterSaleOrderDetail.vue b/manager/src/views/order/after-order/afterSaleOrderDetail.vue
index 0a9e113fa..27c2140f5 100644
--- a/manager/src/views/order/after-order/afterSaleOrderDetail.vue
+++ b/manager/src/views/order/after-order/afterSaleOrderDetail.vue
@@ -9,7 +9,7 @@
               <dt>退货商品</dt>
               <dd>
                 <div>
-                  <img :src="afterSaleInfo.goodsImage" style="height: 60px">
+                  <img alt="商品图片" :src="afterSaleInfo.goodsImage" style="height: 60px">
                 </div>
                 <a @click="linkTo(afterSaleInfo.goodsId, afterSaleInfo.skuId)">{{ afterSaleInfo.goodsName }}
                 </a><br>
@@ -59,7 +59,7 @@
               <dd v-if="afterSaleImage == ''">暂无凭证</dd>
               <dd v-else>
                 <div class="div-img" v-for="(item, index) in afterSaleImage" :key="index">
-                  <img class="complain-img" :src="item" />
+                  <img alt="投诉凭证" class="complain-img" :src="item" />
                 </div>
               </dd>
             </dl>
diff --git a/manager/src/views/order/order/orderDetail.vue b/manager/src/views/order/order/orderDetail.vue
index c5b853572..c9a6cc9fc 100644
--- a/manager/src/views/order/order/orderDetail.vue
+++ b/manager/src/views/order/order/orderDetail.vue
@@ -195,7 +195,7 @@
             <template #default="{ row }">
               <div v-if="row" style="margin-top: 5px; height: 80px; display: flex">
                 <div>
-                  <img :src="row.image" style="height: 60px; margin-top: 1px; width: 60px" />
+                  <img alt="商品图片" :src="row.image" style="height: 60px; margin-top: 1px; width: 60px" />
                 </div>
                 <div style="margin-left: 13px">
                   <div class="div-zoom">
diff --git a/manager/src/views/page-decoration/wap/config-panel/PanelFlexOne.vue b/manager/src/views/page-decoration/wap/config-panel/PanelFlexOne.vue
index 53e2922d3..d050e91b9 100644
--- a/manager/src/views/page-decoration/wap/config-panel/PanelFlexOne.vue
+++ b/manager/src/views/page-decoration/wap/config-panel/PanelFlexOne.vue
@@ -16,9 +16,8 @@
     </div>
 
     <template v-if="activeTab === 'content'">
-      <div class="panel-card">
+      <div class="panel-card panel-card-fill">
         <div class="section-title">内容设置</div>
-        <div class="section-tip">选定布局区域，在下方添加图片，建议添加比例一致的图片</div>
         <div class="img-preview" v-if="item.img">
           <img :src="item.img" alt="" />
         </div>
@@ -57,7 +56,7 @@
           v-model="res.options.paddingX"
           label="左右边距"
           :min="0"
-          :max="30"
+          :max="40"
         />
         <slider-field
           v-model="res.options.pageGap"
@@ -66,19 +65,19 @@
           :max="100"
         />
       </div>
-      <div class="panel-card">
+      <div class="panel-card panel-card-fill">
         <div class="section-title">圆角设置</div>
         <slider-field
           v-model="res.options.borderRadius"
           label="背景圆角"
           :min="0"
-          :max="50"
+          :max="30"
         />
         <slider-field
           v-model="res.options.imgRadius"
           label="内容圆角"
           :min="0"
-          :max="50"
+          :max="30"
         />
       </div>
     </template>
@@ -102,6 +101,7 @@ import ColorField from "../controls/ColorField.vue";
 import SliderField from "../controls/SliderField.vue";
 import hotzone from "@/components/hotzone";
 import ossManage from "@/views/sys/oss-manage/ossManage";
+import { ElMessage } from "element-plus";
 
 const DEFAULTS = {
   bgColor: "#FFFFFF",
@@ -163,7 +163,7 @@ export default {
     },
     openHotzone() {
       if (!this.item.img) {
-        this.$Message.warning("请先选择照片");
+        ElMessage.warning("请先选择照片");
         return;
       }
       this.$refs.hotzone.open(this.item);
@@ -176,11 +176,12 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@import "../controls/panel-common.scss";
 .panel-flex-one {
   background: #f5f7fa;
-  margin: 0 -20px -120px;
-  padding: 0 12px 120px;
-  min-height: calc(100vh - 70px);
+  margin: 0 -20px;
+  padding: 0 12px 12px;
+  min-height: 100%;
   box-sizing: border-box;
 }
 .panel-header {
@@ -195,7 +196,7 @@ export default {
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   box-sizing: border-box;
   .panel-name {
-    font-size: 14px;
+    font-size: 16px;
     font-weight: bold;
     color: #303133;
   }
@@ -228,13 +229,13 @@ export default {
   }
 }
 .section-title {
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 600;
   color: #303133;
   margin: 0 0 12px;
 }
 .section-tip {
-  font-size: 12px;
+  font-size: 13px;
   color: #909399;
   margin-bottom: 10px;
 }
diff --git a/manager/src/views/promotions/kanjia/kanjia-activity-add-goods.vue b/manager/src/views/promotions/kanjia/kanjia-activity-add-goods.vue
index 3ce517fd9..194507bb4 100644
--- a/manager/src/views/promotions/kanjia/kanjia-activity-add-goods.vue
+++ b/manager/src/views/promotions/kanjia/kanjia-activity-add-goods.vue
@@ -108,7 +108,7 @@ import { saveKanJiaActivityGoods } from "@/api/promotion";
 import { regular } from "@/utils";
 import skuSelect from "@/components/lili-dialog";
 import { isECoupon } from "@/constants/goodsType";
-import { Message as $Message } from "@/utils/message";
+import { ElMessage } from "element-plus";
 import { unixToDate } from "@/utils/filters";
 import { useAppStore } from "@/stores/app";
 
@@ -169,7 +169,7 @@ function handleSubmit() {
       return;
     }
     if (!form.promotionGoodsList.length) {
-      $Message.warning("请至少选择一个商品");
+      ElMessage.warning("请至少选择一个商品");
       return;
     }
 
@@ -186,13 +186,13 @@ function handleSubmit() {
       const eCoupon = isECoupon(res.goodsType);
       if (res.stock <= 0 || res.stock > res.quantity) {
         checkResult = false;
-        $Message.error("活动库存不能为0且不能超过商品库存");
+        ElMessage.error("活动库存不能为0且不能超过商品库存");
         return;
       }
 
       if (!regular.money.test(res.settlementPrice)) {
         checkResult = false;
-        $Message.error("结算价格金额格式不正确");
+        ElMessage.error("结算价格金额格式不正确");
         return;
       }
       if (
@@ -200,7 +200,7 @@ function handleSubmit() {
         res.settlementPrice > res.price
       ) {
         checkResult = false;
-        $Message.error(
+        ElMessage.error(
           eCoupon
             ? "结算价格不能小于0且不能超过商品价格"
             : "结算价格金额不能为0且不能超过商品价格"
@@ -209,27 +209,27 @@ function handleSubmit() {
       }
       if (!regular.money.test(res.highestPrice)) {
         checkResult = false;
-        $Message.error("最高可砍金额格式错误");
+        ElMessage.error("最高可砍金额格式错误");
         return;
       }
       if (res.highestPrice <= 0 || res.highestPrice > res.price) {
         checkResult = false;
-        $Message.error("最高可砍金额不能为0且不能超过商品价格");
+        ElMessage.error("最高可砍金额不能为0且不能超过商品价格");
         return;
       }
       if (!regular.money.test(res.lowestPrice)) {
         checkResult = false;
-        $Message.error("最低可砍金额格式错误");
+        ElMessage.error("最低可砍金额格式错误");
         return;
       }
       if (res.lowestPrice < 0 || (!eCoupon && res.lowestPrice <= 0) || res.lowestPrice > res.price) {
         checkResult = false;
-        $Message.error(eCoupon ? "最低可砍金额不能小于0" : "最低可砍金额不能为0");
+        ElMessage.error(eCoupon ? "最低可砍金额不能小于0" : "最低可砍金额不能为0");
         return;
       }
       if (parseInt(res.lowestPrice) > parseInt(res.highestPrice)) {
         checkResult = false;
-        $Message.error("最低砍价金额不能大于最高砍价金额");
+        ElMessage.error("最低砍价金额不能大于最高砍价金额");
         return;
       }
     });
@@ -241,7 +241,7 @@ function handleSubmit() {
     saveKanJiaActivityGoods(params).then((res) => {
       submitLoading.value = false;
       if (res.success) {
-        $Message.success(
+        ElMessage.success(
           modalType.value === 1 ? "砍价活动修改成功" : "砍价活动添加成功"
         );
         closeCurrentPage();
diff --git a/manager/src/views/promotions/kanjia/kanjia-activity-edit-goods.vue b/manager/src/views/promotions/kanjia/kanjia-activity-edit-goods.vue
index 225ba6cd3..7dfc89411 100644
--- a/manager/src/views/promotions/kanjia/kanjia-activity-edit-goods.vue
+++ b/manager/src/views/promotions/kanjia/kanjia-activity-edit-goods.vue
@@ -93,7 +93,7 @@ import { useRoute, useRouter } from "vue-router";
 import { getKanJiaActivityGoodsById, editKanJiaActivityGoods } from "@/api/promotion";
 import { regular } from "@/utils";
 import { isECoupon } from "@/constants/goodsType";
-import { Message as $Message } from "@/utils/message";
+import { ElMessage } from "element-plus";
 import { unixToDate } from "@/utils/filters";
 import { useAppStore } from "@/stores/app";
 
@@ -202,7 +202,7 @@ function handleSubmit() {
     const params = JSON.parse(JSON.stringify(form.value));
     const [start, end] = form.value.rangeTime || [];
     if (!start || !end) {
-      $Message.error("请选择活动时间");
+      ElMessage.error("请选择活动时间");
       return;
     }
     const startDate = start instanceof Date ? start : new Date(start);
@@ -214,18 +214,18 @@ function handleSubmit() {
     const eCoupon = isECoupon(params.goodsType || params.goodsSku?.goodsType);
 
     if (params.stock <= 0 || params.stock > params.goodsSku.quantity) {
-      $Message.error("活动库存不能为0且不能超过商品库存");
+      ElMessage.error("活动库存不能为0且不能超过商品库存");
       return;
     }
     if (!regular.money.test(params.settlementPrice)) {
-      $Message.error("结算价格金额格式不正确");
+      ElMessage.error("结算价格金额格式不正确");
       return;
     }
     if (
       (eCoupon ? params.settlementPrice < 0 : params.settlementPrice <= 0) ||
       params.settlementPrice > params.price
     ) {
-      $Message.error(
+      ElMessage.error(
         eCoupon
           ? "结算价格不能小于0且不能超过商品价格"
           : "结算价格金额不能为0且不能超过商品价格"
@@ -233,15 +233,15 @@ function handleSubmit() {
       return;
     }
     if (!regular.money.test(params.highestPrice)) {
-      $Message.error("最高可砍金额格式错误");
+      ElMessage.error("最高可砍金额格式错误");
       return;
     }
     if (params.highestPrice <= 0 || params.highestPrice > params.price) {
-      $Message.error("最高可砍金额不能为0且不能超过商品价格");
+      ElMessage.error("最高可砍金额不能为0且不能超过商品价格");
       return;
     }
     if (!regular.money.test(params.lowestPrice)) {
-      $Message.error("最低可砍金额格式错误");
+      ElMessage.error("最低可砍金额格式错误");
       return;
     }
     if (
@@ -249,11 +249,11 @@ function handleSubmit() {
       (!eCoupon && params.lowestPrice <= 0) ||
       params.lowestPrice > params.price
     ) {
-      $Message.error(eCoupon ? "最低可砍金额不能小于0" : "最低可砍金额不能为0");
+      ElMessage.error(eCoupon ? "最低可砍金额不能小于0" : "最低可砍金额不能为0");
       return;
     }
     if (params.lowestPrice > params.highestPrice) {
-      $Message.error("最低砍价金额不能大于最高砍价金额");
+      ElMessage.error("最低砍价金额不能大于最高砍价金额");
       return;
     }
 
@@ -261,7 +261,7 @@ function handleSubmit() {
     editKanJiaActivityGoods(params).then((res) => {
       submitLoading.value = false;
       if (res.success) {
-        $Message.success("砍价活动修改成功");
+        ElMessage.success("砍价活动修改成功");
         closeCurrentPage();
       }
     });
diff --git a/manager/src/views/promotions/kanjia/kanjia-activity-goods.vue b/manager/src/views/promotions/kanjia/kanjia-activity-goods.vue
index c33739fe1..6f873359a 100644
--- a/manager/src/views/promotions/kanjia/kanjia-activity-goods.vue
+++ b/manager/src/views/promotions/kanjia/kanjia-activity-goods.vue
@@ -63,7 +63,7 @@
         <el-table-column prop="goodsId" label="商品编号" width="180" show-overflow-tooltip />
         <el-table-column label="商品图片" width="100" align="center">
           <template #default="{ row }">
-            <img
+            <img alt="商品图片"
               v-if="row && row.thumbnail"
               :src="row.thumbnail"
               style="height: 50px; width: 50px; object-fit: cover"
diff --git a/manager/src/views/promotions/live/live-detail.vue b/manager/src/views/promotions/live/live-detail.vue
index 1b037ff1e..4cef72424 100644
--- a/manager/src/views/promotions/live/live-detail.vue
+++ b/manager/src/views/promotions/live/live-detail.vue
@@ -41,7 +41,7 @@
         <el-form-item label="分享卡片封面" prop="feedsImg">
           <div class="form-field-block">
             <div class="upload-list" v-if="liveForm.feedsImg">
-              <img :src="liveForm.feedsImg">
+              <img alt="直播间列表图" :src="liveForm.feedsImg">
               <div class="upload-list-cover" @click="handleView(liveForm.feedsImg)">
                 <span class="view-icon">查看</span>
               </div>
@@ -55,7 +55,7 @@
         <el-form-item label="直播间背景墙" prop="coverImg">
           <div class="form-field-block">
             <div class="upload-list" v-if="liveForm.coverImg">
-              <img :src="liveForm.coverImg">
+              <img alt="直播间背景图" :src="liveForm.coverImg">
               <div class="upload-list-cover" @click="handleView(liveForm.coverImg)">
                 <span class="view-icon">查看</span>
               </div>
@@ -67,7 +67,7 @@
         <el-form-item label="直播间分享图" prop="shareImg">
           <div class="form-field-block">
             <div class="upload-list" v-if="liveForm.shareImg">
-              <img :src="liveForm.shareImg">
+              <img alt="直播间分享图" :src="liveForm.shareImg">
               <div class="upload-list-cover" @click="handleView(liveForm.shareImg)">
                 <span class="view-icon">查看</span>
               </div>
@@ -83,7 +83,7 @@
               <template #default="{ row, $index }">
                 <div v-if="row" class="flex-goods">
                   <el-badge v-if="$index == 0 || $index == 1" is-dot type="danger" />
-                  <img class="thumbnail" :src="row.thumbnail || row.goodsImage">
+                  <img alt="商品图片" class="thumbnail" :src="row.thumbnail || row.goodsImage">
                   {{ row.goodsName || row.name }}
                 </div>
               </template>
@@ -119,7 +119,7 @@
     </el-card>
 
     <el-dialog v-model="imageVisible" title="查看图片" width="600px">
-      <img :src="imageSrc" v-if="imageVisible" style="width: 100%">
+      <img alt="预览图片" :src="imageSrc" v-if="imageVisible" style="width: 100%">
     </el-dialog>
   </div>
 </template>
diff --git a/manager/src/views/promotions/points-goods/points-goods.vue b/manager/src/views/promotions/points-goods/points-goods.vue
index 1a4aeb2f7..28f419fb6 100644
--- a/manager/src/views/promotions/points-goods/points-goods.vue
+++ b/manager/src/views/promotions/points-goods/points-goods.vue
@@ -72,7 +72,7 @@
         <el-table-column prop="goodsId" label="商品编号" width="180" show-overflow-tooltip />
         <el-table-column label="商品图片" width="100" align="center">
           <template #default="{ row }">
-            <img
+            <img alt="商品图片"
               v-if="row && row.thumbnail"
               :src="row.thumbnail"
               style="height: 50px; width: 50px; object-fit: cover"
diff --git a/manager/src/views/promotions/seckill/seckill-setup.vue b/manager/src/views/promotions/seckill/seckill-setup.vue
index 77423ddbb..d59bcfc1f 100644
--- a/manager/src/views/promotions/seckill/seckill-setup.vue
+++ b/manager/src/views/promotions/seckill/seckill-setup.vue
@@ -39,7 +39,7 @@
 import { onMounted, reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 import { getSetting, setSetting } from "@/api/index";
-import { Message as $Message } from "@/utils/message";
+import { ElMessage } from "element-plus";
 import { useAppStore } from "@/stores/app";
 
 const router = useRouter();
@@ -72,7 +72,7 @@ async function handleSubmit() {
     hours,
   });
   if (result.success) {
-    $Message.success("设置成功!");
+    ElMessage.success("设置成功!");
     init();
   }
 }
diff --git a/manager/src/views/seller/shop/shopDetail.vue b/manager/src/views/seller/shop/shopDetail.vue
index ffc2602ee..273a20fbc 100644
--- a/manager/src/views/seller/shop/shopDetail.vue
+++ b/manager/src/views/seller/shop/shopDetail.vue
@@ -429,7 +429,7 @@
                 <template #default="{ row }">
                   <div v-if="row" style="margin-top: 5px; height: 80px; display: flex">
                     <div>
-                      <img :src="row.goodsImage" style="height: 60px; margin-top: 3px" />
+                      <img alt="商品图片" :src="row.goodsImage" style="height: 60px; margin-top: 3px" />
                     </div>
                     <div style="margin-left: 13px; margin-top: 3px">
                       <div class="div-zoom">
diff --git a/manager/src/views/sys/setting-manage/setting/BASE_SETTING.vue b/manager/src/views/sys/setting-manage/setting/BASE_SETTING.vue
index 9d3f7795f..d7fafbc71 100644
--- a/manager/src/views/sys/setting-manage/setting/BASE_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/setting/BASE_SETTING.vue
@@ -11,7 +11,7 @@
 
       <el-form-item label="后台Logo" prop="domainLogo">
         <div class="label-item-upload">
-          <img v-if="formValidate.domainLogo" class="img" :src="formValidate.domainLogo" />
+          <img alt="平台 Logo" v-if="formValidate.domainLogo" class="img" :src="formValidate.domainLogo" />
           <img v-else class="img" src="../../../../assets/emptyImg.png" alt="" />
           <el-button @click="onClickImg('domainLogo')">选择图片</el-button>
           <span class="desc">后台管理左上角logo展示 	17∶6</span>
@@ -19,7 +19,7 @@
       </el-form-item>
       <el-form-item label="后台Icon" prop="domainIcon">
         <div class="label-item-upload">
-          <img v-if="formValidate.domainIcon" class="img" :src="formValidate.domainIcon" />
+          <img alt="平台图标" v-if="formValidate.domainIcon" class="img" :src="formValidate.domainIcon" />
           <img v-else class="img" src="../../../../assets/emptyImg.png" alt="" />
           <el-button @click="onClickImg('domainIcon')">选择图片</el-button>
           <span class="desc">后台管理网站icon展示 	1∶1</span>
@@ -27,7 +27,7 @@
       </el-form-item>
       <el-form-item label="买家端Logo" prop="buyerSideLogo">
         <div class="label-item-upload">
-          <img v-if="formValidate.buyerSideLogo" class="img" :src="formValidate.buyerSideLogo" />
+          <img alt="买家端 Logo" v-if="formValidate.buyerSideLogo" class="img" :src="formValidate.buyerSideLogo" />
           <img v-else class="img" src="../../../../assets/emptyImg.png" alt="" />
           <el-button @click="onClickImg('buyerSideLogo')">选择图片</el-button>
           <span class="desc">买家端logo展示 	17∶6</span>
@@ -35,7 +35,7 @@
       </el-form-item>
       <el-form-item label="买家端Icon" prop="buyerSideIcon">
         <div class="label-item-upload">
-          <img v-if="formValidate.buyerSideIcon" class="img" :src="formValidate.buyerSideIcon" />
+          <img alt="买家端图标" v-if="formValidate.buyerSideIcon" class="img" :src="formValidate.buyerSideIcon" />
           <img v-else class="img" src="../../../../assets/emptyImg.png" alt="" />
           <el-button @click="onClickImg('buyerSideIcon')">选择图片</el-button>
           <span class="desc">买家端网站icon展示 	1∶1</span>
@@ -43,7 +43,7 @@
       </el-form-item>
       <el-form-item label="商家端Logo" prop="storeSideLogo">
         <div class="label-item-upload">
-          <img v-if="formValidate.storeSideLogo" class="img" :src="formValidate.storeSideLogo" />
+          <img alt="商家端 Logo" v-if="formValidate.storeSideLogo" class="img" :src="formValidate.storeSideLogo" />
           <img v-else class="img" src="../../../../assets/emptyImg.png" alt="" />
           <el-button @click="onClickImg('storeSideLogo')">选择图片</el-button>
           <span class="desc">商家端logo展示 	17∶6</span>
@@ -51,7 +51,7 @@
       </el-form-item>
       <el-form-item label="商家端Icon" prop="storeSideIcon">
         <div class="label-item-upload">
-          <img v-if="formValidate.storeSideIcon" class="img" :src="formValidate.storeSideIcon" />
+          <img alt="商家端图标" v-if="formValidate.storeSideIcon" class="img" :src="formValidate.storeSideIcon" />
           <img v-else class="img" src="../../../../assets/emptyImg.png" alt="" />
           <el-button @click="onClickImg('storeSideIcon')">选择图片</el-button>
           <span class="desc">商家端icon展示 	1∶1</span>
diff --git a/manager/src/views/sys/setting-manage/smsSettingManage.vue b/manager/src/views/sys/setting-manage/smsSettingManage.vue
index 48d7c1fe7..a8038b9f9 100644
--- a/manager/src/views/sys/setting-manage/smsSettingManage.vue
+++ b/manager/src/views/sys/setting-manage/smsSettingManage.vue
@@ -3,7 +3,7 @@
   <el-card class="sms-setting-card">
     <div class="cardBox">
       <div class="methodItem">
-        <img src="../../../assets/aliyun.png" height="172" width="440" />
+        <img alt="阿里云短信" src="../../../assets/aliyun.png" height="172" width="440" />
         <h4>阿里云短信</h4>
       </div>
       <div class="bar">