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

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"