style(ModuleTwo): 统一标题类名并调整样式

将 card-title 统一改为 chart-title 并调整字体大小和对齐方式

src/views/blockingData/blockingDataScreen/components/ModuleTwo.vue

@@ -3,7 +3,7 @@
     <div class="module-two-content">
       <div class="top-row">
         <div class="table-card">
-          <div class="card-title">查堵-主管分管榜</div>
+          <div class="chart-title">查堵-主管分管榜</div>
           <div class="rank-table">
             <div v-for="(item, index) in rankData1" :key="index" class="rank-row">
               <span class="rank-number" :class="'rank-' + (index + 1)">NO.{{ index + 1 }}</span>
@@ -13,7 +13,7 @@
           </div>
         </div>
         <div class="table-card">
-          <div class="card-title">查堵-班组排行</div>
+          <div class="chart-title">查堵-班组排行</div>
           <div class="rank-table">
             <div v-for="(item, index) in rankData2" :key="index" class="rank-row">
               <span class="rank-number" :class="'rank-' + (index + 1)">NO.{{ index + 1 }}</span>
@@ -23,7 +23,7 @@
           </div>
         </div>
         <div class="table-card">
-          <div class="card-title">查堵-人员榜</div>
+          <div class="chart-title">查堵-人员榜</div>
           <div class="rank-table">
             <div v-for="(item, index) in rankData3" :key="index" class="rank-row">
               <span class="rank-number" :class="'rank-' + (index + 1)">NO.{{ index + 1 }}</span>
@@ -33,40 +33,40 @@
           </div>
         </div>
       </div>
-      
+
       <div class="middle-row">
         <div class="chart-card">
-          <div class="card-title">查堵-物品位置分布</div>
+          <div class="chart-title">查堵-物品位置分布</div>
           <div ref="chart1" class="echarts"></div>
         </div>
         <div class="chart-card">
-          <div class="card-title">查堵-原因分类</div>
+          <div class="chart-title">查堵-原因分类</div>
           <div ref="chart2" class="echarts"></div>
         </div>
       </div>
-      
+
       <div class="bottom-row">
         <div class="chart-card">
-          <div class="card-title">查堵-开机人员年限分布</div>
+          <div class="chart-title">查堵-开机人员年限分布</div>
           <div ref="chart3" class="echarts"></div>
         </div>
         <div class="chart-card">
-          <div class="card-title">查堵-开机人员性别比例</div>
+          <div class="chart-title">查堵-开机人员性别比例</div>
           <div ref="chart4" class="echarts"></div>
         </div>
         <div class="chart-card">
-          <div class="card-title">查堵-图像难易程度比例</div>
+          <div class="chart-title">查堵-图像难易程度比例</div>
           <div ref="chart5" class="echarts"></div>
         </div>
       </div>
-      
+
       <div class="extra-row">
         <div class="chart-card">
-          <div class="card-title">大队开机人员查堵分布</div>
+          <div class="chart-title">大队开机人员查堵分布</div>
           <div ref="chart6" class="echarts"></div>
         </div>
         <div class="chart-card">
-          <div class="card-title">大队开机人员查堵分布</div>
+          <div class="chart-title">大队开机人员查堵分布</div>
           <div ref="chart7" class="echarts"></div>
         </div>
       </div>
@@ -279,12 +279,11 @@ onMounted(() => {
   min-height: 120px;
 }
 
-.card-title {
-  font-size: 11px;
-  color: #333;
+.chart-title {
+  font-size: 17px;
+  color: black;
   margin-bottom: 5px;
-  text-align: center;
-  font-weight: 500;
+  text-align: left;
 }
 
 .rank-table {