feat: 功能优化

frontend/app/web-gold/src/views/dh/VoiceCopy.vue

@@ -1,17 +1,15 @@
 <template>
-  <div class="voice-copy-page">
-    <!-- 页面头部 -->
-    <div class="page-header">
-      <h1>配音管理</h1>
-      <a-button type="primary" @click="handleCreate">
-        <PlusOutlined />
-        新建配音
-      </a-button>
-    </div>
-
+  <BasicLayout
+    title="配音管理"
+    :show-back="false"
+  >
     <!-- 搜索栏 -->
     <div class="search-bar">
       <a-space>
+        <a-button type="primary" @click="handleCreate">
+          <PlusOutlined />
+          新建配音
+        </a-button>
         <a-input
           v-model:value="searchParams.name"
           placeholder="搜索配音名称"
@@ -20,7 +18,7 @@
         >
           <SearchOutlined />
         </a-input>
-        <a-button type="primary" @click="handleSearch">查询</a-button>
+        <a-button @click="handleSearch">查询</a-button>
         <a-button @click="handleReset">重置</a-button>
       </a-space>
     </div>
@@ -101,7 +99,7 @@
     </a-modal>
 
     <audio ref="audioPlayer" style="display: none" />
-  </div>
+  </BasicLayout>
 </template>
 
 <script setup>
@@ -112,6 +110,7 @@ import { VoiceService } from '@/api/voice'
 import { MaterialService } from '@/api/material'
 import { useUpload } from '@/composables/useUpload'
 import dayjs from 'dayjs'
+import BasicLayout from '@/layouts/components/BasicLayout.vue'
 
 // ========== 常量 ==========
 const DEFAULT_FORM_DATA = {
@@ -411,38 +410,17 @@ onMounted(() => {
 </script>
 
 <style scoped>
-.voice-copy-page {
-  padding: 24px;
-  background: var(--color-bg);
+.search-bar {
+  background: var(--color-surface);
+  border-radius: var(--radius-card);
+  margin-bottom: 16px;
 }
 
-.page-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 24px;
-}
-
-.page-header .ant-btn {
-  display: inline-flex;
-  align-items: center;
-}
-
-.search-bar,
 .table-container {
   background: var(--color-surface);
   border-radius: var(--radius-card);
 }
 
-.search-bar {
-  margin-bottom: 16px;
-  padding: 16px;
-}
-
-.table-container {
-  padding: 16px;
-}
-
 .voice-name {
   font-weight: 500;
   color: var(--color-text);