From 7d4ab4f275512202fa9d3d281111bb73074b4c6e Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 16 Jan 2026 15:13:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=A4=9A=E7=BB=B4=E5=BA=A6?=
 =?UTF-8?q?=E5=88=86=E6=9E=90=E6=A8=A1=E5=9D=97UI=EF=BC=9A=E5=85=A8?=
 =?UTF-8?q?=E5=AE=BD=E6=98=BE=E7=A4=BA=E3=80=81=E6=B7=BB=E5=8A=A0=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E6=9D=A1=E3=80=81=E4=BD=BF=E7=94=A8=E8=AE=BE=E8=AE=A1?=
 =?UTF-8?q?=E5=B8=88=E7=BB=A9=E6=95=88=E8=A1=A8=E5=8D=95=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Analytics.vue | 266 ++++++++++++++++---------------
 1 file changed, 137 insertions(+), 129 deletions(-)

diff --git a/frontend/src/views/Analytics.vue b/frontend/src/views/Analytics.vue
index d17498a..fb71dc0 100644
--- a/frontend/src/views/Analytics.vue
+++ b/frontend/src/views/Analytics.vue
@@ -436,135 +436,143 @@
               <a-tab-pane key="dimension" tab="多维度分析">
                 <!-- 多维度分析内容 -->
                 <div class="tab-content">
-                  <a-row :gutter="[16, 16]">
-                    <!-- 类目分析 -->
-                    <a-col :xs="24" :lg="12">
-                      <div class="chart-card">
-                        <h3 class="chart-title">类目分析</h3>
-                        <a-table
-                          :columns="categoryColumns"
-                          :data-source="dimensionData.categoryAnalysis"
-                          :pagination="{ pageSize: 5 }"
-                          row-key="categoryId"
-                          size="small"
-                        >
-                          <template #bodyCell="{ column, record }">
-                            <template v-if="column.key === 'totalScore'">
-                              {{ formatScore(record.totalScore) }}
-                            </template>
-                            <template v-else-if="column.key === 'completionRate'">
-                              <span :class="record.completionRate >= 80 ? 'text-success' : record.completionRate >= 50 ? 'text-warning' : 'text-danger'">
-                                {{ formatScore(record.completionRate) }}%
-                              </span>
-                            </template>
-                          </template>
-                        </a-table>
-                      </div>
-                    </a-col>
-                    
-                    <!-- 品牌分析 -->
-                    <a-col :xs="24" :lg="12">
-                      <div class="chart-card">
-                        <h3 class="chart-title">品牌分析</h3>
-                        <a-table
-                          :columns="brandColumns"
-                          :data-source="dimensionData.brandAnalysis"
-                          :pagination="{ pageSize: 5 }"
-                          row-key="brandId"
-                          size="small"
-                        >
-                          <template #bodyCell="{ column, record }">
-                            <template v-if="column.key === 'totalScore'">
-                              {{ formatScore(record.totalScore) }}
-                            </template>
-                            <template v-else-if="column.key === 'completionRate'">
-                              <span :class="record.completionRate >= 80 ? 'text-success' : record.completionRate >= 50 ? 'text-warning' : 'text-danger'">
-                                {{ formatScore(record.completionRate) }}%
-                              </span>
-                            </template>
-                          </template>
-                        </a-table>
-                      </div>
-                    </a-col>
-                    
-                    <!-- 接单部门分析 -->
-                    <a-col :xs="24" :lg="12">
-                      <div class="chart-card">
-                        <h3 class="chart-title">接单部门分析</h3>
-                        <a-table
-                          :columns="receivingDeptColumns"
-                          :data-source="dimensionData.receivingDeptAnalysis"
-                          :pagination="{ pageSize: 5 }"
-                          row-key="deptId"
-                          size="small"
-                        >
-                          <template #bodyCell="{ column, record }">
-                            <template v-if="column.key === 'totalScore'">
-                              {{ formatScore(record.totalScore) }}
-                            </template>
-                            <template v-else-if="column.key === 'completionRate'">
-                              <span :class="record.completionRate >= 80 ? 'text-success' : record.completionRate >= 50 ? 'text-warning' : 'text-danger'">
-                                {{ formatScore(record.completionRate) }}%
-                              </span>
-                            </template>
-                            <template v-else-if="column.key === 'avgCompletionHours'">
-                              {{ record.avgCompletionHours ? formatScore(record.avgCompletionHours) + 'h' : '-' }}
-                            </template>
-                          </template>
-                        </a-table>
-                      </div>
-                    </a-col>
-                    
-                    <!-- 需求部门分析 -->
-                    <a-col :xs="24" :lg="12">
-                      <div class="chart-card">
-                        <h3 class="chart-title">需求部门分析</h3>
-                        <a-table
-                          :columns="demandDeptColumns"
-                          :data-source="dimensionData.demandDeptAnalysis"
-                          :pagination="{ pageSize: 5 }"
-                          row-key="deptId"
-                          size="small"
-                        >
-                          <template #bodyCell="{ column, record }">
-                            <template v-if="column.key === 'totalScore'">
-                              {{ formatScore(record.totalScore) }}
-                            </template>
-                            <template v-else-if="column.key === 'completionRate'">
-                              <span :class="record.completionRate >= 80 ? 'text-success' : record.completionRate >= 50 ? 'text-warning' : 'text-danger'">
-                                {{ formatScore(record.completionRate) }}%
-                              </span>
-                            </template>
-                          </template>
-                        </a-table>
-                      </div>
-                    </a-col>
-                    
-                    <!-- 平台分析 -->
-                    <a-col :xs="24">
-                      <div class="chart-card">
-                        <h3 class="chart-title">平台分析</h3>
-                        <a-table
-                          :columns="platformColumns"
-                          :data-source="dimensionData.platformAnalysis"
-                          :pagination="{ pageSize: 10 }"
-                          row-key="platformId"
-                          size="small"
-                        >
-                          <template #bodyCell="{ column, record }">
-                            <template v-if="column.key === 'totalScore'">
-                              {{ formatScore(record.totalScore) }}
-                            </template>
-                            <template v-else-if="column.key === 'completionRate'">
-                              <span :class="record.completionRate >= 80 ? 'text-success' : record.completionRate >= 50 ? 'text-warning' : 'text-danger'">
-                                {{ formatScore(record.completionRate) }}%
-                              </span>
-                            </template>
-                          </template>
-                        </a-table>
-                      </div>
-                    </a-col>
-                  </a-row>
+                  <!-- 类目分析 - 全宽显示 -->
+                  <div class="table-card full-width">
+                    <div class="table-header">
+                      <h3 class="chart-title">类目分析</h3>
+                    </div>
+                    <a-table
+                      :columns="categoryColumns"
+                      :data-source="dimensionData.categoryAnalysis"
+                      :pagination="{ pageSize: 10 }"
+                      :scroll="{ x: 800 }"
+                      row-key="categoryId"
+                      size="middle"
+                      class="dark-table"
+                    >
+                      <template #bodyCell="{ column, record }">
+                        <template v-if="column.key === 'totalScore'">
+                          <span class="score-value">{{ formatScore(record.totalScore) }}</span>
+                        </template>
+                        <template v-else-if="column.key === 'completionRate'">
+                          <span :class="record.completionRate >= 80 ? 'text-success' : record.completionRate >= 50 ? 'text-warning' : 'text-danger'">
+                            {{ formatScore(record.completionRate) }}%
+                          </span>
+                        </template>
+                      </template>
+                    </a-table>
+                  </div>
+                  
+                  <!-- 品牌分析 - 全宽显示 -->
+                  <div class="table-card full-width" style="margin-top: 16px;">
+                    <div class="table-header">
+                      <h3 class="chart-title">品牌分析</h3>
+                    </div>
+                    <a-table
+                      :columns="brandColumns"
+                      :data-source="dimensionData.brandAnalysis"
+                      :pagination="{ pageSize: 10 }"
+                      :scroll="{ x: 800 }"
+                      row-key="brandId"
+                      size="middle"
+                      class="dark-table"
+                    >
+                      <template #bodyCell="{ column, record }">
+                        <template v-if="column.key === 'totalScore'">
+                          <span class="score-value">{{ formatScore(record.totalScore) }}</span>
+                        </template>
+                        <template v-else-if="column.key === 'completionRate'">
+                          <span :class="record.completionRate >= 80 ? 'text-success' : record.completionRate >= 50 ? 'text-warning' : 'text-danger'">
+                            {{ formatScore(record.completionRate) }}%
+                          </span>
+                        </template>
+                      </template>
+                    </a-table>
+                  </div>
+                  
+                  <!-- 接单部门分析 - 全宽显示 -->
+                  <div class="table-card full-width" style="margin-top: 16px;">
+                    <div class="table-header">
+                      <h3 class="chart-title">接单部门分析</h3>
+                    </div>
+                    <a-table
+                      :columns="receivingDeptColumns"
+                      :data-source="dimensionData.receivingDeptAnalysis"
+                      :pagination="{ pageSize: 10 }"
+                      :scroll="{ x: 900 }"
+                      row-key="deptId"
+                      size="middle"
+                      class="dark-table"
+                    >
+                      <template #bodyCell="{ column, record }">
+                        <template v-if="column.key === 'totalScore'">
+                          <span class="score-value">{{ formatScore(record.totalScore) }}</span>
+                        </template>
+                        <template v-else-if="column.key === 'completionRate'">
+                          <span :class="record.completionRate >= 80 ? 'text-success' : record.completionRate >= 50 ? 'text-warning' : 'text-danger'">
+                            {{ formatScore(record.completionRate) }}%
+                          </span>
+                        </template>
+                        <template v-else-if="column.key === 'avgCompletionHours'">
+                          <span>{{ record.avgCompletionHours ? formatScore(record.avgCompletionHours) + 'h' : '-' }}</span>
+                        </template>
+                      </template>
+                    </a-table>
+                  </div>
+                  
+                  <!-- 需求部门分析 - 全宽显示 -->
+                  <div class="table-card full-width" style="margin-top: 16px;">
+                    <div class="table-header">
+                      <h3 class="chart-title">需求部门分析</h3>
+                    </div>
+                    <a-table
+                      :columns="demandDeptColumns"
+                      :data-source="dimensionData.demandDeptAnalysis"
+                      :pagination="{ pageSize: 10 }"
+                      :scroll="{ x: 800 }"
+                      row-key="deptId"
+                      size="middle"
+                      class="dark-table"
+                    >
+                      <template #bodyCell="{ column, record }">
+                        <template v-if="column.key === 'totalScore'">
+                          <span class="score-value">{{ formatScore(record.totalScore) }}</span>
+                        </template>
+                        <template v-else-if="column.key === 'completionRate'">
+                          <span :class="record.completionRate >= 80 ? 'text-success' : record.completionRate >= 50 ? 'text-warning' : 'text-danger'">
+                            {{ formatScore(record.completionRate) }}%
+                          </span>
+                        </template>
+                      </template>
+                    </a-table>
+                  </div>
+                  
+                  <!-- 平台分析 - 全宽显示 -->
+                  <div class="table-card full-width" style="margin-top: 16px;">
+                    <div class="table-header">
+                      <h3 class="chart-title">平台分析</h3>
+                    </div>
+                    <a-table
+                      :columns="platformColumns"
+                      :data-source="dimensionData.platformAnalysis"
+                      :pagination="{ pageSize: 10 }"
+                      :scroll="{ x: 800 }"
+                      row-key="platformId"
+                      size="middle"
+                      class="dark-table"
+                    >
+                      <template #bodyCell="{ column, record }">
+                        <template v-if="column.key === 'totalScore'">
+                          <span class="score-value">{{ formatScore(record.totalScore) }}</span>
+                        </template>
+                        <template v-else-if="column.key === 'completionRate'">
+                          <span :class="record.completionRate >= 80 ? 'text-success' : record.completionRate >= 50 ? 'text-warning' : 'text-danger'">
+                            {{ formatScore(record.completionRate) }}%
+                          </span>
+                        </template>
+                      </template>
+                    </a-table>
+                  </div>
                 </div>
               </a-tab-pane>
             </a-tabs>