feat: 功能优化

frontend/app/web-gold/src/views/content-style/Benchmark.vue

@@ -23,7 +23,6 @@ const promptStore = usePromptStore()
 const {
   data,
   selectedRowKeys,
-  expandedRowKeys,
   saveTableDataToSession,
   loadTableDataFromSession,
   processApiResponse,
@@ -36,10 +35,9 @@ const {
   batchAnalyzeLoading,
   globalLoading,
   globalLoadingText,
-  analyzeVideo,
   batchAnalyze,
   getVoiceText,
-} = useBenchmarkAnalysis(data, expandedRowKeys, saveTableDataToSession)
+} = useBenchmarkAnalysis(data, saveTableDataToSession)
 
 // ==================== 表单状态 ====================
 const form = ref({
@@ -110,8 +108,8 @@ async function handleExportToExcel() {
     return
   }
 
-  if (selectedRowKeys.value.length > 10) {
-    message.warning('最多只能导出10条数据，请重新选择')
+  if (selectedRowKeys.value.length > 20) {
+    message.warning('最多只能导出20条数据，请重新选择')
     return
   }
 
@@ -189,26 +187,13 @@ async function handleResetForm() {
   await clearData()
 }
 
-// ==================== 提示词操作函数 ====================
-function handleCopyPrompt(row) {
-  if (!row.prompt) {
-    message.warning('没有提示词可复制')
-    return
-  }
-  
-  navigator.clipboard.writeText(row.prompt).then(() => {
-    message.success('提示词已复制到剪贴板')
-  }).catch(() => {
-    message.error('复制失败')
-  })
-}
-
+// ==================== 批量提示词操作函数 ====================
 function handleCopyBatchPrompt(prompt) {
   if (!prompt || !prompt.trim()) {
     message.warning('没有提示词可复制')
     return
   }
-  
+
   navigator.clipboard.writeText(prompt).then(() => {
     message.success('提示词已复制到剪贴板')
   }).catch(() => {
@@ -216,40 +201,25 @@ function handleCopyBatchPrompt(prompt) {
   })
 }
 
-// ==================== 创作相关函数 ====================
-function handleCreateContent(row) {
-  promptStore.setPrompt(row.prompt, row)
-  router.push('/content-style/copywriting')
-}
-
 function handleUseBatchPrompt(prompt) {
   if (!prompt || !prompt.trim()) {
     message.warning('暂无批量生成的提示词')
     return
   }
-  
+
   promptStore.setPrompt(prompt, { batch: true })
   router.push('/content-style/copywriting')
 }
 
 // ==================== 保存提示词到服务器 ====================
-function handleOpenSavePromptModal(row, batchPrompt = null) {
-  if (row) {
-    // 单个视频的提示词
-    if (!row.prompt || !row.prompt.trim()) {
-      message.warning('没有提示词可保存')
-      return
-    }
-    savePromptContent.value = row.prompt
-  } else {
-    // 批量提示词：使用传入的 batchPrompt（AI 生成的内容），而不是原始的 mergedText
-    const promptToSave = batchPrompt || batchPromptMergedText.value
-    if (!promptToSave || !promptToSave.trim()) {
-      message.warning('没有提示词可保存')
-      return
-    }
-    savePromptContent.value = promptToSave
+function handleOpenSavePromptModal(batchPrompt = null) {
+  // 批量提示词：使用传入的 batchPrompt（AI 生成的内容），而不是原始的 mergedText
+  const promptToSave = batchPrompt || batchPromptMergedText.value
+  if (!promptToSave || !promptToSave.trim()) {
+    message.warning('没有提示词可保存')
+    return
   }
+  savePromptContent.value = promptToSave
   savePromptModalVisible.value = true
 }
 
@@ -277,14 +247,9 @@ defineOptions({ name: 'ContentStyleBenchmark' })
         <BenchmarkTable
           :data="data"
           v-model:selectedRowKeys="selectedRowKeys"
-          v-model:expandedRowKeys="expandedRowKeys"
           :loading="loading"
-          @analyze="analyzeVideo"
           @export="handleExportToExcel"
           @batch-analyze="handleBatchAnalyze"
-          @copy="handleCopyPrompt"
-          @save-to-server="handleOpenSavePromptModal"
-          @create-content="handleCreateContent"
         />
 
         <!-- 空态显示 -->
@@ -312,7 +277,7 @@ defineOptions({ name: 'ContentStyleBenchmark' })
       :merged-text="batchPromptMergedText"
       :text-count="batchPromptTextCount"
       @copy="handleCopyBatchPrompt"
-      @save="(prompt) => handleOpenSavePromptModal(null, prompt)"
+      @save="(prompt) => handleOpenSavePromptModal(prompt)"
       @use="handleUseBatchPrompt"
     />
     

frontend/app/web-gold/src/views/content-style/components/BenchmarkTable.vue

@@ -1,8 +1,6 @@
 <script setup>
 import { reactive, h } from 'vue'
-import { DownloadOutlined } from '@ant-design/icons-vue'
 import { formatTime } from '../utils/benchmarkUtils'
-import ExpandedRowContent from './ExpandedRowContent.vue'
 import GradientButton from '@/components/GradientButton.vue'
 
  defineProps({
@@ -14,10 +12,6 @@ import GradientButton from '@/components/GradientButton.vue'
     type: Array,
     required: true,
   },
-  expandedRowKeys: {
-    type: Array,
-    required: true,
-  },
   loading: {
     type: Boolean,
     default: false,
@@ -26,34 +20,28 @@ import GradientButton from '@/components/GradientButton.vue'
 
 const emit = defineEmits([
   'update:selectedRowKeys',
-  'update:expandedRowKeys',
-  'analyze',
   'export',
   'batchAnalyze',
-  'copy',
-  'saveToServer',
-  'createContent',
 ])
 
 const defaultColumns = [
   { title: '封面', key: 'cover', dataIndex: 'cover', width: 120, resizable: true },
   { title: '描述', key: 'desc', dataIndex: 'desc', width: 280, resizable: true, ellipsis: true },
-  { title: '点赞', key: 'digg_count', dataIndex: 'digg_count', width: 90, resizable: true, 
+  { title: '点赞', key: 'digg_count', dataIndex: 'digg_count', width: 90, resizable: true,
     sorter: (a, b) => (a.digg_count || 0) - (b.digg_count || 0), defaultSortOrder: 'descend' },
-  { title: '评论', key: 'comment_count', dataIndex: 'comment_count', width: 90, resizable: true, 
+  { title: '评论', key: 'comment_count', dataIndex: 'comment_count', width: 90, resizable: true,
     sorter: (a, b) => (a.comment_count || 0) - (b.comment_count || 0) },
-  { title: '分享', key: 'share_count', dataIndex: 'share_count', width: 90, resizable: true, 
+  { title: '分享', key: 'share_count', dataIndex: 'share_count', width: 90, resizable: true,
     sorter: (a, b) => (a.share_count || 0) - (b.share_count || 0) },
-  { title: '收藏', key: 'collect_count', dataIndex: 'collect_count', width: 90, resizable: true, 
+  { title: '收藏', key: 'collect_count', dataIndex: 'collect_count', width: 90, resizable: true,
     sorter: (a, b) => (a.collect_count || 0) - (b.collect_count || 0) },
-  { title: '时长(s)', key: 'duration_s', dataIndex: 'duration_s', width: 90, resizable: true, 
+  { title: '时长(s)', key: 'duration_s', dataIndex: 'duration_s', width: 90, resizable: true,
     sorter: (a, b) => (a.duration_s || 0) - (b.duration_s || 0) },
   { title: '置顶', key: 'is_top', dataIndex: 'is_top', width: 70, resizable: true },
-  { title: '创建时间', key: 'create_time', dataIndex: 'create_time', width: 160, resizable: true, 
+  { title: '创建时间', key: 'create_time', dataIndex: 'create_time', width: 160, resizable: true,
     sorter: (a, b) => (a.create_time || 0) - (b.create_time || 0) },
   { title: '链接', key: 'share_url', dataIndex: 'share_url', width: 80, resizable: true,
     customRender: ({ record }) => record.share_url ? h('a', { href: record.share_url, target: '_blank' }, '打开') : null },
-  { title: '操作', key: 'action', width: 100, resizable: true, fixed: 'right' },
 ]
 
 const columns = reactive([...defaultColumns])
@@ -61,57 +49,36 @@ const columns = reactive([...defaultColumns])
 function onSelectChange(selectedKeys) {
   emit('update:selectedRowKeys', selectedKeys)
 }
-
-function onExpandedRowKeysChange(keys) {
-  emit('update:expandedRowKeys', keys)
-}
 </script>
 
 <template>
   <section class="card results-card" v-if="data.length > 0">
     <div class="section-header">
       <div class="section-title">分析结果</div>
-      <a-space align="center">
-        <a-button 
-          size="small" 
-          type="default" 
-          @click="$emit('export')"
-          :disabled="data.length === 0 || selectedRowKeys.length === 0 || selectedRowKeys.length > 10">
-          <template #icon>
-            <DownloadOutlined />
-          </template>
-          导出Excel ({{ selectedRowKeys.length }}/10)
-        </a-button>
+      <div class="button-group">
         <GradientButton
-          :text="`批量分析 (${selectedRowKeys.length})`"
+          :text="`导出Excel (${selectedRowKeys.length}/20)`"
+          size="small"
+          @click="$emit('export')"
+          :disabled="data.length === 0 || selectedRowKeys.length === 0 || selectedRowKeys.length > 20"
+          icon="download"
+        />
+        <GradientButton
+          :text="`批量分析 (${selectedRowKeys.length}/20)`"
           size="small"
           @click="$emit('batchAnalyze')"
-          :disabled="selectedRowKeys.length === 0"
+          :disabled="data.length === 0 || selectedRowKeys.length === 0 || selectedRowKeys.length > 20"
         />
-      </a-space>
+      </div>
     </div>
-    <a-table 
-      :dataSource="data" 
-      :columns="columns" 
-      :pagination="false" 
-      :row-selection="{ selectedRowKeys, onChange: onSelectChange, hideSelectAll: true }"
-      :expandedRowKeys="expandedRowKeys"
-      @expandedRowsChange="onExpandedRowKeysChange"
-      :expandable="{ 
-        expandRowByClick: false
-      }"
+    <a-table
+      :dataSource="data"
+      :columns="columns"
+      :pagination="false"
+      :row-selection="{ selectedRowKeys, onChange: onSelectChange }"
       :rowKey="(record) => String(record.id)"
       :loading="loading"
       class="benchmark-table">
-      <template #expandedRowRender="{ record }">
-        <ExpandedRowContent
-          :record="record"
-          @analyze="(row) => $emit('analyze', row)"
-          @copy="(row) => $emit('copy', row)"
-          @save-to-server="(row) => $emit('saveToServer', row)"
-          @create-content="(row) => $emit('createContent', row)"
-        />
-      </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'cover'">
           <img v-if="record.cover" :src="record.cover" alt="cover" loading="lazy"
@@ -147,18 +114,6 @@ function onExpandedRowKeysChange(keys) {
           <a v-if="record.share_url" :href="record.share_url" target="_blank" class="link-btn">打开</a>
           <span v-else>-</span>
         </template>
-        <template v-else-if="column.key === 'action'">
-          <a-space>
-            <GradientButton
-              text="分析"
-              size="small"
-              :loading="record._analyzing"
-              loading-text="分析中…"
-              :disabled="record._analyzing"
-              @click="$emit('analyze', record)"
-            />
-          </a-space>
-        </template>
       </template>
     </a-table>
   </section>
@@ -184,15 +139,10 @@ function onExpandedRowKeysChange(keys) {
   margin-bottom: 12px;
 }
 
-.section-header .ant-space {
+.button-group {
   display: flex;
   align-items: center;
-}
-
-.section-header .ant-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+  gap: 12px;
 }
 
 .section-title {