Sfoglia il codice sorgente

feat(统计页面): 添加大队查获效率排行展示功能

新增大队查获效率排行模块,包含进度条和百分比显示。同时更新统计维度选项,增加大队选项。处理数据时截取前五名大队数据进行展示。
huoyi 3 settimane fa
parent
commit
1127de4383
1 ha cambiato i file con 27 aggiunte e 2 eliminazioni
  1. 27 2
      src/pages/statisticalAnalysis/index.vue

+ 27 - 2
src/pages/statisticalAnalysis/index.vue

@@ -36,6 +36,25 @@
36 36
                 </div>
37 37
             </div>
38 38
 
39
+            <!-- 大队查获效率排行 -->
40
+            <div class="rank-section">
41
+                <div class="rank-header">
42
+                    <div class="rank-title">大队查获效率排行</div>
43
+                </div>
44
+
45
+                <div v-for="(brigade, i) in brigadeRank" :key="'brigade-' + i" class="rank-item">
46
+                    <div class="rank-label">{{ brigade.name }}</div>
47
+                    <div class="rank-progress">
48
+                        <h-rank-line :percentage="getPercentage(brigade.efficiency, brigadeRank)" endType="round"
49
+                            :height="10" :color="['#A8E6CF', '#4CAF50']">
50
+                            <div class="rank-info"><span style="color: #999999">{{ (brigade.efficiency * 100 ||
51
+                                0).toFixed(2)
52
+                                    }}%</span></div>
53
+                        </h-rank-line>
54
+                    </div>
55
+                </div>
56
+            </div>
57
+
39 58
             <!-- 科室查获数量排行 -->
40 59
             <div class="rank-section">
41 60
                 <div class="rank-header">
@@ -255,6 +274,8 @@ export default {
255 274
             efficiencyData: [],
256 275
             // 科室排行数据
257 276
             departmentRank: [],
277
+            // 大队排行数据
278
+            brigadeRank: [],
258 279
             // 班组排行数据
259 280
             teamSortType: 'asc',
260 281
             teamRank: [],
@@ -292,7 +313,8 @@ export default {
292 313
             statisticalDimensionOptions: [
293 314
                 { value: '1', text: '人员' },
294 315
                 { value: '2', text: '班级' },
295
-                { value: '3', text: '科级' }
316
+                { value: '3', text: '主管' },
317
+                { value: '4', text: '大队' }
296 318
             ],
297 319
             // 排序方式选项
298 320
             sortMethodOptions: [
@@ -478,7 +500,7 @@ export default {
478 500
         // 处理绩效列表数据
479 501
         handlePerformanceListData(data) {
480 502
             console.log('绩效列表数据:', data);
481
-            const { departmentRankList, teamRankList, efficiency, individualRankList } = data;
503
+            const { departmentRankList, teamRankList, efficiency, individualRankList, brigadeRankList } = data;
482 504
             this.efficiencyData = [
483 505
                 { label: '全站', value: `${(efficiency * 100).toFixed(2)}%`, isImage: false },
484 506
                 { label: this.getRank(departmentRankList, 1), value: '/static/images/icon/one.png', isImage: true },
@@ -487,6 +509,9 @@ export default {
487 509
             ];
488 510
             this.departmentRank = departmentRankList;
489 511
 
512
+            // brigadeRank取前五的数据
513
+            this.brigadeRank = brigadeRankList ? brigadeRankList.slice(0, 5) : [];
514
+
490 515
             // teamRank取前五的数据
491 516
             this.teamRank = teamRankList.slice(0, 5);
492 517
             // bottomTeamRank取倒数五个数据