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

src/views/contentManagement/BannerManagementView.vue

@@ -3,7 +3,7 @@
 <script setup>
 import { onMounted, reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { Plus } from '@element-plus/icons-vue'
+import { AppIcons } from '@/constants/icons'
 import {
   createBannerApi,
   deleteBannerApi,
@@ -219,7 +219,7 @@ onMounted(async () => {
       class="primary-button"
       @click="openCreate"
     >
-      <el-icon><Plus /></el-icon>
+      <AppIcon :icon="AppIcons.add" />
       新建轮播图
     </el-button>
   </PageHeading>

src/views/contentManagement/CategoryManagementView.vue

@@ -3,7 +3,7 @@
 <script setup>
 import { onMounted, reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { Plus } from '@element-plus/icons-vue'
+import { AppIcons } from '@/constants/icons'
 import {
   createDramaCategoryApi,
   deleteDramaCategoryApi,
@@ -100,7 +100,7 @@ onMounted(load)
     description="维护短剧类型，供新建短剧选择，也作为客户端分类筛选的依据。"
   >
     <el-button v-if="can('drama:create')" type="primary" class="primary-button" @click="openCreate">
-      <el-icon><Plus /></el-icon>
+      <AppIcon :icon="AppIcons.add" />
       新建类型
     </el-button>
   </PageHeading>

src/views/contentManagement/DramaManagementView.vue

@@ -4,7 +4,7 @@
 import { onMounted, reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { Plus, Search } from '@element-plus/icons-vue'
+import { AppIcons } from '@/constants/icons'
 import {
   changeDramaStatusApi,
   createDramaApi,
@@ -242,7 +242,7 @@ onMounted(async () => {
       ><div class="eyebrow">内容管理</div><h1>短剧管理</h1
       ><p>管理短剧信息、封面、剧集和发布状态。</p></div
     ><el-button v-if="can('drama:create')" type="primary" class="primary-button" @click="openCreate"
-      ><el-icon><Plus /></el-icon>新建短剧</el-button
+      ><AppIcon :icon="AppIcons.add" />新建短剧</el-button
     ></div
   >
   <section class="panel library-panel">
@@ -251,11 +251,12 @@ onMounted(async () => {
         ><el-input
           v-model="keyword"
           placeholder="搜索短剧名称"
-          :prefix-icon="Search"
           clearable
           @keyup.enter="search"
           @clear="search"
-        /><el-select v-model="statusFilter" clearable placeholder="全部状态" @change="search"
+        >
+          <template #prefix><AppIcon :icon="AppIcons.search" /></template> </el-input
+        ><el-select v-model="statusFilter" clearable placeholder="全部状态" @change="search"
           ><el-option
             v-for="item in statusOptions"
             :key="item.code"

src/views/contentManagement/EpisodeManagementView.vue

@@ -4,7 +4,7 @@
 import { computed, onMounted, reactive, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { Plus } from '@element-plus/icons-vue'
+import { AppIcons } from '@/constants/icons'
 import { pageDramasApi } from '@/api/admin/drama'
 import {
   createEpisodeApi,
@@ -232,7 +232,7 @@ onMounted(async () => {
       class="primary-button"
       :disabled="!selectedDramaId"
       @click="openCreate"
-      ><el-icon><Plus /></el-icon>新增剧集</el-button
+      ><AppIcon :icon="AppIcons.add" />新增剧集</el-button
     ></div
   >
   <section class="panel episode-panel">