feat: 功能优化

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

@@ -3,8 +3,9 @@ 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'
 
-const props = defineProps({
+ defineProps({
   data: {
     type: Array,
     required: true,
@@ -81,9 +82,12 @@ function onExpandedRowKeysChange(keys) {
           </template>
           导出Excel ({{ selectedRowKeys.length }}/10)
         </a-button>
-        <a-button size="small" type="primary" class="batch-btn" @click="$emit('batchAnalyze')">
-          批量分析 ({{ selectedRowKeys.length }})
-        </a-button>
+        <GradientButton
+          :text="`批量分析 (${selectedRowKeys.length})`"
+          size="small"
+          @click="$emit('batchAnalyze')"
+          :disabled="selectedRowKeys.length === 0"
+        />
       </a-space>
     </div>
     <a-table 
@@ -145,9 +149,14 @@ function onExpandedRowKeysChange(keys) {
         </template>
         <template v-else-if="column.key === 'action'">
           <a-space>
-            <a-button size="small" type="primary" :loading="record._analyzing" :disabled="record._analyzing" @click="$emit('analyze', record)">
-              {{ record._analyzing ? '分析中…' : '分析' }}
-            </a-button>
+            <GradientButton
+              text="分析"
+              size="small"
+              :loading="record._analyzing"
+              loading-text="分析中…"
+              :disabled="record._analyzing"
+              @click="$emit('analyze', record)"
+            />
           </a-space>
         </template>
       </template>