Преглед изворни кода

Merge branch 'personnelPerformance' into dev

huoyi пре 3 недеља
родитељ
комит
e2ab1bc4db

+ 33 - 39
src/views/performanceManage/monthlyAssess/index.vue

@@ -73,6 +73,7 @@
73
       <el-table v-loading="loading" :data="nonCadreList" border fit highlight-current-row
73
       <el-table v-loading="loading" :data="nonCadreList" border fit highlight-current-row
74
         style="width: 100%; margin-top: 20px;" @selection-change="handleSelectionChange">
74
         style="width: 100%; margin-top: 20px;" @selection-change="handleSelectionChange">
75
         <el-table-column type="selection" width="55" align="center" />
75
         <el-table-column type="selection" width="55" align="center" />
76
+        <el-table-column label="大队" prop="brigadeName" align="center" min-width="120" />
76
         <el-table-column label="用工形式" prop="employmentType" align="center" min-width="100">
77
         <el-table-column label="用工形式" prop="employmentType" align="center" min-width="100">
77
           <template #default="scope">
78
           <template #default="scope">
78
             <dict-tag :options="employment_type" :value="scope.row.employmentType" />
79
             <dict-tag :options="employment_type" :value="scope.row.employmentType" />
@@ -291,8 +292,9 @@
291
             <div class="indicator-group-title">{{ group.title }}</div>
292
             <div class="indicator-group-title">{{ group.title }}</div>
292
             <div v-for="(item, itemIndex) in group.items" :key="itemIndex" class="indicator-item">
293
             <div v-for="(item, itemIndex) in group.items" :key="itemIndex" class="indicator-item">
293
               <div class="indicator-name">{{ item.indicatorName }}</div>
294
               <div class="indicator-name">{{ item.indicatorName }}</div>
294
-              <div class="indicator-value" v-if="item.categoryNameOne != '红线指标'">{{ item.score > 0 ? '+' : '' }}{{ item.score
295
-                }}/次
295
+              <div class="indicator-value" v-if="item.categoryNameOne != '红线指标'">{{ item.score > 0 ? '+' : '' }}{{
296
+                item.score
297
+              }}/次
296
               </div>
298
               </div>
297
               <div class="indicator-count">{{ item.occurCount }}次</div>
299
               <div class="indicator-count">{{ item.occurCount }}次</div>
298
               <div class="indicator-total">{{ item.scoreResult > 0 ? '+' : '' }}{{ item.scoreResult }}</div>
300
               <div class="indicator-total">{{ item.scoreResult > 0 ? '+' : '' }}{{ item.scoreResult }}</div>
@@ -537,28 +539,32 @@
537
         </el-form-item>
539
         </el-form-item>
538
 
540
 
539
         <el-form-item label="记录明细">
541
         <el-form-item label="记录明细">
540
-          <el-table :data="indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList" border max-height="400" >
542
+          <el-table :data="indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList" border
543
+            max-height="400">
541
             <el-table-column label="序号" type="index" width="60" align="center" />
544
             <el-table-column label="序号" type="index" width="60" align="center" />
542
             <el-table-column label="日期" width="180">
545
             <el-table-column label="日期" width="180">
543
               <template #default="scope">
546
               <template #default="scope">
544
-                <el-date-picker v-model="scope.row.recordDate" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" style="width: 100%" />
547
+                <el-date-picker v-model="scope.row.recordDate" type="date" value-format="YYYY-MM-DD" placeholder="选择日期"
548
+                  style="width: 100%" />
545
               </template>
549
               </template>
546
             </el-table-column>
550
             </el-table-column>
547
-            <el-table-column label="检查部门" >
551
+            <el-table-column label="检查部门">
548
               <template #default="scope">
552
               <template #default="scope">
549
                 <el-select v-model="scope.row.qcDeptType" placeholder="请选择" clearable>
553
                 <el-select v-model="scope.row.qcDeptType" placeholder="请选择" clearable>
550
-                  <el-option v-for="item in base_performance_indicator_qc_dept_type" :key="item.value" :label="item.label" :value="item.value" />
554
+                  <el-option v-for="item in base_performance_indicator_qc_dept_type" :key="item.value"
555
+                    :label="item.label" :value="item.value" />
551
                 </el-select>
556
                 </el-select>
552
               </template>
557
               </template>
553
             </el-table-column>
558
             </el-table-column>
554
-            <el-table-column label="扣罚明细"  v-if="indicatorDialog.form.score < 0">
559
+            <el-table-column label="扣罚明细" v-if="indicatorDialog.form.score < 0">
555
               <template #default="scope">
560
               <template #default="scope">
556
                 <el-input v-model="scope.row.rewardPunishmentDetail" type="textarea" :rows="1" placeholder="请输入扣罚明细" />
561
                 <el-input v-model="scope.row.rewardPunishmentDetail" type="textarea" :rows="1" placeholder="请输入扣罚明细" />
557
               </template>
562
               </template>
558
             </el-table-column>
563
             </el-table-column>
559
-            <el-table-column label="扣罚(元)"  v-if="indicatorDialog.form.score < 0">
564
+            <el-table-column label="扣罚(元)" v-if="indicatorDialog.form.score < 0">
560
               <template #default="scope">
565
               <template #default="scope">
561
-                <el-input-number v-model="scope.row.amount" :max="0" :precision="2" style="width: 170px;" @change="updateTotal" />
566
+                <el-input-number v-model="scope.row.amount" :max="0" :precision="2" style="width: 170px;"
567
+                  @change="updateTotal" />
562
               </template>
568
               </template>
563
             </el-table-column>
569
             </el-table-column>
564
             <el-table-column label="奖励明细" v-if="indicatorDialog.form.score > 0">
570
             <el-table-column label="奖励明细" v-if="indicatorDialog.form.score > 0">
@@ -566,18 +572,19 @@
566
                 <el-input v-model="scope.row.rewardPunishmentDetail" type="textarea" :rows="1" placeholder="请输入奖励明细" />
572
                 <el-input v-model="scope.row.rewardPunishmentDetail" type="textarea" :rows="1" placeholder="请输入奖励明细" />
567
               </template>
573
               </template>
568
             </el-table-column>
574
             </el-table-column>
569
-            <el-table-column label="奖励(元)"  v-if="indicatorDialog.form.score > 0">
575
+            <el-table-column label="奖励(元)" v-if="indicatorDialog.form.score > 0">
570
               <template #default="scope">
576
               <template #default="scope">
571
-                <el-input-number v-model="scope.row.amount" :min="0" :precision="2" style="width: 170px;" @change="updateTotal" />
577
+                <el-input-number v-model="scope.row.amount" :min="0" :precision="2" style="width: 170px;"
578
+                  @change="updateTotal" />
572
               </template>
579
               </template>
573
             </el-table-column>
580
             </el-table-column>
574
-            <el-table-column label="操作"align="center">
581
+            <el-table-column label="操作" align="center">
575
               <template #default="scope">
582
               <template #default="scope">
576
                 <el-button type="danger" link icon="Delete" @click="removeRewardPunishmentDetail(scope.$index)" />
583
                 <el-button type="danger" link icon="Delete" @click="removeRewardPunishmentDetail(scope.$index)" />
577
               </template>
584
               </template>
578
             </el-table-column>
585
             </el-table-column>
579
           </el-table>
586
           </el-table>
580
-          
587
+
581
         </el-form-item>
588
         </el-form-item>
582
       </el-form>
589
       </el-form>
583
 
590
 
@@ -758,7 +765,7 @@ const indicatorDialog = reactive({
758
     value: 'id',
765
     value: 'id',
759
     label: 'name',
766
     label: 'name',
760
     children: 'indicatorList',
767
     children: 'indicatorList',
761
-    checkStrictly: false,
768
+
762
     emitPath: false
769
     emitPath: false
763
   },
770
   },
764
   rules: {
771
   rules: {
@@ -830,7 +837,7 @@ function transformIndicatorTree(treeData) {
830
 
837
 
831
         if (child.indicatorList && child.indicatorList.length > 0) {
838
         if (child.indicatorList && child.indicatorList.length > 0) {
832
           transformedChild.indicatorList = child.indicatorList.map(indicator => ({
839
           transformedChild.indicatorList = child.indicatorList.map(indicator => ({
833
-            ...indicator, name: indicator.name, id: indicator.id, indicatorId: indicator.id, indicatorName: indicator.name, occurCount: 1, personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList: []
840
+            ...indicator, name: indicator.name, id: indicator.id, indicatorId: indicator.indicatorId, indicatorName: indicator.name, occurCount: 1, personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList: []
834
           }))
841
           }))
835
         }
842
         }
836
 
843
 
@@ -840,7 +847,7 @@ function transformIndicatorTree(treeData) {
840
 
847
 
841
     if (node.indicatorList && node.indicatorList.length > 0) {
848
     if (node.indicatorList && node.indicatorList.length > 0) {
842
       transformed.indicatorList = node.indicatorList.map(indicator => ({
849
       transformed.indicatorList = node.indicatorList.map(indicator => ({
843
-        ...indicator, name: indicator.name, id: indicator.id, indicatorId: indicator.id, indicatorName: indicator.name, occurCount: 1, personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList: []
850
+        ...indicator, name: indicator.name, id: indicator.id, indicatorId: indicator.indicatorId, indicatorName: indicator.name, occurCount: 1, personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList: []
844
       }))
851
       }))
845
     }
852
     }
846
 
853
 
@@ -905,10 +912,12 @@ const showDetailModal = (title, content) => {
905
 const formatAccordList = (list) => {
912
 const formatAccordList = (list) => {
906
   if (!list || !Array.isArray(list) || list.length === 0) return ''
913
   if (!list || !Array.isArray(list) || list.length === 0) return ''
907
   return list.map(item => {
914
   return list.map(item => {
915
+    const detail = item.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList[0] || {};
916
+    const date = detail.recordDate || ''
908
     const name = item.indicatorName || item.name || ''
917
     const name = item.indicatorName || item.name || ''
909
     const score = item.score !== undefined ? item.score : ''
918
     const score = item.score !== undefined ? item.score : ''
910
     const count = item.occurCount !== undefined ? item.occurCount : ''
919
     const count = item.occurCount !== undefined ? item.occurCount : ''
911
-    return `${name} ${score}分 x ${count}次`
920
+    return `${date} ${name} ${score}分 x ${count}次`
912
   }).join('\n')
921
   }).join('\n')
913
 }
922
 }
914
 
923
 
@@ -1261,7 +1270,7 @@ const submitForm = async () => {
1261
           group.items.map(item => ({
1270
           group.items.map(item => ({
1262
             ...item,
1271
             ...item,
1263
             indicatorName: item.name || item.indicatorName,
1272
             indicatorName: item.name || item.indicatorName,
1264
-            indicatorId: item.id || item.indicatorId,
1273
+            indicatorId: item.indicatorId ,
1265
             indicatorCode: item.code || item.indicatorCode,
1274
             indicatorCode: item.code || item.indicatorCode,
1266
           }))
1275
           }))
1267
         )
1276
         )
@@ -1345,16 +1354,7 @@ const generateMonthlyAssessment = async () => {
1345
   }
1354
   }
1346
 }
1355
 }
1347
 
1356
 
1348
-// 获取考核结果文本
1349
-const getResultText = (value) => {
1350
-  const map = {
1351
-    'excellent': '优秀',
1352
-    'good': '良好',
1353
-    'qualified': '合格',
1354
-    'unqualified': '不称职'
1355
-  }
1356
-  return map[value] || ''
1357
-}
1357
+
1358
 
1358
 
1359
 // 添加指标 - 打开新增模态框
1359
 // 添加指标 - 打开新增模态框
1360
 const addIndicator = () => {
1360
 const addIndicator = () => {
@@ -1379,6 +1379,7 @@ const addIndicator = () => {
1379
 
1379
 
1380
 // 编辑指标 - 打开编辑模态框
1380
 // 编辑指标 - 打开编辑模态框
1381
 const editIndicator = async (groupIndex, itemIndex) => {
1381
 const editIndicator = async (groupIndex, itemIndex) => {
1382
+  await loadIndicatorCascaderOptions()
1382
   const item = nonCadreForm.indicatorGroups[groupIndex].items[itemIndex]
1383
   const item = nonCadreForm.indicatorGroups[groupIndex].items[itemIndex]
1383
   indicatorDialog.visible = true
1384
   indicatorDialog.visible = true
1384
   indicatorDialog.title = '编辑扣分指标'
1385
   indicatorDialog.title = '编辑扣分指标'
@@ -1386,10 +1387,11 @@ const editIndicator = async (groupIndex, itemIndex) => {
1386
   indicatorDialog.groupIndex = groupIndex
1387
   indicatorDialog.groupIndex = groupIndex
1387
   indicatorDialog.itemIndex = itemIndex
1388
   indicatorDialog.itemIndex = itemIndex
1388
 
1389
 
1389
-  await loadIndicatorCascaderOptions()
1390
-  await nextTick()
1391
 
1390
 
1391
+  await nextTick()
1392
   indicatorDialog.form = { ...item }
1392
   indicatorDialog.form = { ...item }
1393
+  console.log(indicatorDialog.form, "indicatorDialog.form")
1394
+
1393
   if (!indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList) {
1395
   if (!indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList) {
1394
     indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList = []
1396
     indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList = []
1395
   }
1397
   }
@@ -1408,15 +1410,7 @@ const deleteIndicator = (groupIndex, itemIndex) => {
1408
   }).catch(() => { })
1410
   }).catch(() => { })
1409
 }
1411
 }
1410
 
1412
 
1411
-// 指标名称变化时更新分值
1412
-const onIndicatorNameChange = (value) => {
1413
-  console.log(value, indicatorDialog.indicatorOptions, "indicatorDialog.indicatorOptions")
1414
-  const selected = indicatorDialog.indicatorOptions.find(item => item.id === value)
1415
-  if (selected) {
1416
-    indicatorDialog.form = { ...selected, indicatorId: selected.id, indicatorName: selected.name, occurCount: 1, personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList: [] }
1417
-    updateTotal()
1418
-  }
1419
-}
1413
+
1420
 
1414
 
1421
 // 更新总分
1415
 // 更新总分
1422
 const updateTotal = () => {
1416
 const updateTotal = () => {

+ 49 - 15
src/views/performanceManage/monthlyAssessSum/index.vue

@@ -88,8 +88,14 @@
88
         <el-card class="chart-card">
88
         <el-card class="chart-card">
89
           <div class="chart-header">大队分布统计图</div>
89
           <div class="chart-header">大队分布统计图</div>
90
           <div class="pie-charts-container">
90
           <div class="pie-charts-container">
91
-            <div ref="brigadePieChart1" class="pie-chart"></div>
92
-            <div ref="brigadePieChart2" class="pie-chart"></div>
91
+            <div class="pie-chart-wrapper">
92
+              <div class="pie-chart-title">各大队实际待改进人数占比</div>
93
+              <div ref="brigadePieChart1" class="pie-chart"></div>
94
+            </div>
95
+            <div class="pie-chart-wrapper">
96
+              <div class="pie-chart-title">各大队实际不称职人数占比</div>
97
+              <div ref="brigadePieChart2" class="pie-chart"></div>
98
+            </div>
93
           </div>
99
           </div>
94
         </el-card>
100
         </el-card>
95
 
101
 
@@ -97,8 +103,14 @@
97
         <el-card class="chart-card">
103
         <el-card class="chart-card">
98
           <div class="chart-header">岗位分布统计图</div>
104
           <div class="chart-header">岗位分布统计图</div>
99
           <div class="pie-charts-container">
105
           <div class="pie-charts-container">
100
-            <div ref="positionPieChart1" class="pie-chart"></div>
101
-            <div ref="positionPieChart2" class="pie-chart"></div>
106
+            <div class="pie-chart-wrapper">
107
+              <div class="pie-chart-title">各考核组实际待改进人数占比</div>
108
+              <div ref="positionPieChart1" class="pie-chart"></div>
109
+            </div>
110
+            <div class="pie-chart-wrapper">
111
+              <div class="pie-chart-title">各考核组实际不称职人数占比</div>
112
+              <div ref="positionPieChart2" class="pie-chart"></div>
113
+            </div>
102
           </div>
114
           </div>
103
         </el-card>
115
         </el-card>
104
       </div>
116
       </div>
@@ -287,6 +299,7 @@ const initCharts = () => {
287
         series: [{
299
         series: [{
288
           type: 'pie',
300
           type: 'pie',
289
           radius: '70%',
301
           radius: '70%',
302
+          label: { formatter: '{b}: {c}' },
290
           data: [
303
           data: [
291
             { value: 380, name: '参与考核' },
304
             { value: 380, name: '参与考核' },
292
             { value: 20, name: '未参与考核' }
305
             { value: 20, name: '未参与考核' }
@@ -318,7 +331,8 @@ const initCharts = () => {
318
         tooltip: { trigger: 'item' },
331
         tooltip: { trigger: 'item' },
319
         series: [{
332
         series: [{
320
           type: 'pie',
333
           type: 'pie',
321
-          radius: '50%',
334
+          radius: '45%',
335
+          label: { formatter: '{b}\n{c}' },
322
           data: [
336
           data: [
323
             { value: 120, name: '一队' },
337
             { value: 120, name: '一队' },
324
             { value: 150, name: '二队' },
338
             { value: 150, name: '二队' },
@@ -335,7 +349,8 @@ const initCharts = () => {
335
         tooltip: { trigger: 'item' },
349
         tooltip: { trigger: 'item' },
336
         series: [{
350
         series: [{
337
           type: 'pie',
351
           type: 'pie',
338
-          radius: '50%',
352
+          radius: '45%',
353
+          label: { formatter: '{b}\n{c}' },
339
           data: [
354
           data: [
340
             { value: 45, name: '优秀' },
355
             { value: 45, name: '优秀' },
341
             { value: 280, name: '合格' },
356
             { value: 280, name: '合格' },
@@ -352,7 +367,8 @@ const initCharts = () => {
352
         tooltip: { trigger: 'item' },
367
         tooltip: { trigger: 'item' },
353
         series: [{
368
         series: [{
354
           type: 'pie',
369
           type: 'pie',
355
-          radius: '50%',
370
+          radius: '45%',
371
+          label: { formatter: '{b}\n{c}' },
356
           data: [
372
           data: [
357
             { value: 150, name: '安检员' },
373
             { value: 150, name: '安检员' },
358
             { value: 120, name: '设备操作员' },
374
             { value: 120, name: '设备操作员' },
@@ -370,7 +386,8 @@ const initCharts = () => {
370
         tooltip: { trigger: 'item' },
386
         tooltip: { trigger: 'item' },
371
         series: [{
387
         series: [{
372
           type: 'pie',
388
           type: 'pie',
373
-          radius: '50%',
389
+          radius: '45%',
390
+          label: { formatter: '{b}\n{c}' },
374
           data: [
391
           data: [
375
             { value: 35, name: '优秀' },
392
             { value: 35, name: '优秀' },
376
             { value: 320, name: '合格' },
393
             { value: 320, name: '合格' },
@@ -542,6 +559,9 @@ const getList = async () => {
542
         }))
559
         }))
543
       }
560
       }
544
 
561
 
562
+      const totalRowData = statisticsData[1]?.assessmentTeams[0] || {}
563
+
564
+
545
       // 计算总计用于标题
565
       // 计算总计用于标题
546
       const totalImprovement = tableData.reduce((sum, item) => sum + (item.actualImprovementCount || 0), 0)
566
       const totalImprovement = tableData.reduce((sum, item) => sum + (item.actualImprovementCount || 0), 0)
547
       const totalIncompetent = tableData.reduce((sum, item) => sum + (item.actualIncompetentCount || 0), 0)
567
       const totalIncompetent = tableData.reduce((sum, item) => sum + (item.actualIncompetentCount || 0), 0)
@@ -549,7 +569,7 @@ const getList = async () => {
549
       return {
569
       return {
550
         title: brigade.deptName,
570
         title: brigade.deptName,
551
         deptId: brigade.deptId,
571
         deptId: brigade.deptId,
552
-        tableData,
572
+        tableData: [...tableData, totalRowData],
553
         improveData: brigadeImproveData,
573
         improveData: brigadeImproveData,
554
         incompData: brigadeIncompData,
574
         incompData: brigadeIncompData,
555
         totalImprovement,
575
         totalImprovement,
@@ -575,7 +595,7 @@ const getList = async () => {
575
       const data = deptPartRes.value.data
595
       const data = deptPartRes.value.data
576
       if (participantPieChartInstance && Array.isArray(data)) {
596
       if (participantPieChartInstance && Array.isArray(data)) {
577
         participantPieChartInstance.setOption({
597
         participantPieChartInstance.setOption({
578
-          series: [{ data: data.map(item => ({ name: item.deptName, value: item.count })) }]
598
+          series: [{ label: { formatter: '{b}: {c}' }, data: data.map(item => ({ name: item.deptName, value: item.count })) }]
579
         })
599
         })
580
       }
600
       }
581
     }
601
     }
@@ -626,7 +646,7 @@ const getList = async () => {
626
       const data = actualImproveRes.value.data
646
       const data = actualImproveRes.value.data
627
       if (brigadePieChart1Instance && Array.isArray(data)) {
647
       if (brigadePieChart1Instance && Array.isArray(data)) {
628
         brigadePieChart1Instance.setOption({
648
         brigadePieChart1Instance.setOption({
629
-          series: [{ data: data.map(item => ({ name: item.deptName, value: item.count })) }]
649
+          series: [{ label: { formatter: '{b}\n{c}' }, data: data.map(item => ({ name: item.deptName, value: item.count })) }]
630
         })
650
         })
631
       }
651
       }
632
     }
652
     }
@@ -635,7 +655,7 @@ const getList = async () => {
635
       const data = actualIncompRes.value.data
655
       const data = actualIncompRes.value.data
636
       if (brigadePieChart2Instance && Array.isArray(data)) {
656
       if (brigadePieChart2Instance && Array.isArray(data)) {
637
         brigadePieChart2Instance.setOption({
657
         brigadePieChart2Instance.setOption({
638
-          series: [{ data: data.map(item => ({ name: item.deptName, value: item.count })) }]
658
+          series: [{ label: { formatter: '{b}\n{c}' }, data: data.map(item => ({ name: item.deptName, value: item.count })) }]
639
         })
659
         })
640
       }
660
       }
641
     }
661
     }
@@ -644,7 +664,7 @@ const getList = async () => {
644
       const data = teamImproveRes.value.data
664
       const data = teamImproveRes.value.data
645
       if (positionPieChart1Instance && Array.isArray(data)) {
665
       if (positionPieChart1Instance && Array.isArray(data)) {
646
         positionPieChart1Instance.setOption({
666
         positionPieChart1Instance.setOption({
647
-          series: [{ data: data.map(item => ({ name: selectDictLabel(assessment_team.value, item.assessmentTeam), value: item.count })) }]
667
+          series: [{ label: { formatter: '{b}\n{c}' }, data: data.map(item => ({ name: selectDictLabel(assessment_team.value, item.assessmentTeam), value: item.count })) }]
648
         })
668
         })
649
       }
669
       }
650
     }
670
     }
@@ -653,7 +673,7 @@ const getList = async () => {
653
       const data = teamIncompRes.value.data
673
       const data = teamIncompRes.value.data
654
       if (positionPieChart2Instance && Array.isArray(data)) {
674
       if (positionPieChart2Instance && Array.isArray(data)) {
655
         positionPieChart2Instance.setOption({
675
         positionPieChart2Instance.setOption({
656
-          series: [{ data: data.map(item => ({ name: selectDictLabel(assessment_team.value, item.assessmentTeam), value: item.count })) }]
676
+          series: [{ label: { formatter: '{b}\n{c}' }, data: data.map(item => ({ name: selectDictLabel(assessment_team.value, item.assessmentTeam), value: item.count })) }]
657
         })
677
         })
658
       }
678
       }
659
     }
679
     }
@@ -716,7 +736,7 @@ const getList = async () => {
716
           pieData: deptPieData.map(p => ({ name: selectDictLabel(assessment_team.value, p.assessmentTeam), value: p.count }))
736
           pieData: deptPieData.map(p => ({ name: selectDictLabel(assessment_team.value, p.assessmentTeam), value: p.count }))
717
         }
737
         }
718
       })
738
       })
719
-    
739
+
720
       nextTick(() => {
740
       nextTick(() => {
721
         traversalData2.value.forEach((item, index) => {
741
         traversalData2.value.forEach((item, index) => {
722
           const chartKey = `barChart_${index}`
742
           const chartKey = `barChart_${index}`
@@ -1338,6 +1358,20 @@ onUnmounted(() => {
1338
   height: 100%;
1358
   height: 100%;
1339
 }
1359
 }
1340
 
1360
 
1361
+.pie-chart-wrapper {
1362
+  display: flex;
1363
+  flex-direction: column;
1364
+  align-items: center;
1365
+  flex: 1;
1366
+}
1367
+
1368
+.pie-chart-title {
1369
+  font-size: 14px;
1370
+  color: #606266;
1371
+  margin-bottom: 10px;
1372
+  text-align: center;
1373
+}
1374
+
1341
 :deep(.el-table) {
1375
 :deep(.el-table) {
1342
   .el-table__header th {
1376
   .el-table__header th {
1343
     background-color: #f5f7fa;
1377
     background-color: #f5f7fa;