style(web): 统一后台图标与全局视觉

src/views/common/DashboardView.vue

@@ -3,7 +3,7 @@
 <script setup>
 import { computed, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
-import { VideoCamera, CaretRight, Clock, CircleCheck, Plus } from '@element-plus/icons-vue'
+import { AppIcons } from '@/constants/icons'
 import { pageDramasApi } from '@/api/admin/drama'
 import { useRbac } from '@/stores/rbac'
 import { formatCount } from '@/utils/format'
@@ -52,36 +52,32 @@ onMounted(async () => {
       type="primary"
       class="primary-button"
       @click="router.push({ name: 'dramas' })"
-      ><el-icon><Plus /></el-icon>上传新短剧</el-button
+      ><AppIcon :icon="AppIcons.add" />上传新短剧</el-button
     ></div
   >
   <div v-loading="loading" class="stats-grid">
     <div class="stat-card"
       ><div class="stat-top"
         ><span>短剧总数</span
-        ><span class="stat-icon"
-          ><el-icon><VideoCamera /></el-icon></span></div
+        ><span class="stat-icon"><AppIcon :icon="AppIcons.content" /></span></div
       ><div class="stat-value">{{ total }} <small>部</small></div></div
     >
     <div class="stat-card"
       ><div class="stat-top"
         ><span>累计播放量</span
-        ><span class="stat-icon"
-          ><el-icon><CaretRight /></el-icon></span></div
+        ><span class="stat-icon"><AppIcon :icon="AppIcons.videoPlay" /></span></div
       ><div class="stat-value">{{ formatCount(totalViews) }}</div></div
     >
     <div class="stat-card"
       ><div class="stat-top"
         ><span>待审核内容</span
-        ><span class="stat-icon"
-          ><el-icon><Clock /></el-icon></span></div
+        ><span class="stat-icon"><AppIcon :icon="AppIcons.clock" /></span></div
       ><div class="stat-value">{{ reviewingCount }} <small>项</small></div></div
     >
     <div class="stat-card"
       ><div class="stat-top"
         ><span>已上线</span
-        ><span class="stat-icon"
-          ><el-icon><CircleCheck /></el-icon></span></div
+        ><span class="stat-icon"><AppIcon :icon="AppIcons.checkCircle" /></span></div
       ><div class="stat-value">{{ publishedCount }} <small>部</small></div></div
     >
   </div>