From 930eae441d21646910cc95541ba250b0aaa76ba4 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Fri, 1 Jul 2022 13:29:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E5=8F=B0:=E5=BE=85=E5=8A=9E?=
 =?UTF-8?q?=20=E5=B7=B2=E5=8A=9E=20=E6=95=B0=E9=87=8F=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workBench/components/dept-chart-view.vue  | 21 +++++++++++++----
 .../workBench/components/dept-todo-view.vue   |  4 +++-
 .../components/frequency-top5-view.vue        | 23 +++++++++++--------
 .../src/views/modules/workBench/workBench.vue |  4 ++--
 4 files changed, 34 insertions(+), 18 deletions(-)

diff --git a/back/src/views/modules/workBench/components/dept-chart-view.vue b/back/src/views/modules/workBench/components/dept-chart-view.vue
index 400863a4..1714eb5f 100644
--- a/back/src/views/modules/workBench/components/dept-chart-view.vue
+++ b/back/src/views/modules/workBench/components/dept-chart-view.vue
@@ -98,7 +98,17 @@ export default {
                     },
                 ],
                 tooltip: {
-                    triagger: 'item'
+                    triagger: 'item',
+                    formatter: (params) => {
+                        let str = ''
+                        if (params.name == '线') {
+                            str = ''
+                        } else {
+                            str = `<span style="display:inline-block;margin-right:5px;
+                            border-radius:10px;width:10px;height:10px;background-color:${params.color};"></span>${params.name}: ${params.value}`
+                        }
+                        return str;
+                    }
                 },
                 "legend": {
                     type: 'scroll',
@@ -163,18 +173,19 @@ export default {
                     },
                     data: this.dataListCopy,
                 },
-
                 {
                     "type": "pie",
                     "center": ["50%", "40%"],
-                    "radius": ["35%", "36%"],
+                    "radius": ["38%", "39%"],
                     "label": {
                         "show": false
                     },
+                    hoverAnimation: false,
+                    showTooltip: false,
                     color: ['#d8dde8'],
                     "data": [{
-                        "value": 78,
-                        "name": "实例1",
+                        "value": 0,
+                        "name": "线",
                     }]
                 }
                 ]
diff --git a/back/src/views/modules/workBench/components/dept-todo-view.vue b/back/src/views/modules/workBench/components/dept-todo-view.vue
index 21406fa1..083dd2c4 100644
--- a/back/src/views/modules/workBench/components/dept-todo-view.vue
+++ b/back/src/views/modules/workBench/components/dept-todo-view.vue
@@ -77,7 +77,8 @@ export default {
 .left-box {
     display: flex;
     justify-content: center;
-    width: 80px;
+    // width: 80px;
+    width: 100px;
     border-radius: 2px;
     height: 100%;
 }
@@ -100,6 +101,7 @@ export default {
     color: #000;
     margin-top: 25px;
     margin-bottom: 18px;
+    text-align: center;
 }
 
 .num {
diff --git a/back/src/views/modules/workBench/components/frequency-top5-view.vue b/back/src/views/modules/workBench/components/frequency-top5-view.vue
index 381a4a5b..9df85d3e 100644
--- a/back/src/views/modules/workBench/components/frequency-top5-view.vue
+++ b/back/src/views/modules/workBench/components/frequency-top5-view.vue
@@ -5,23 +5,23 @@
             <div class="no-box">
                 <div class="no no2">
                     <div class="name" :style="{ color: colorObj[2] }">{{ no2Obj.name || '--' }}</div>
-                    <div class="count">{{ no2Obj.count }}</div>
+                    <div class="count">{{ formatCount(no2Obj.count) }}</div>
                 </div>
                 <div class="no no1">
-                    <div class="name" :style="{ color: colorObj[1] }">{{ no1Obj.name }}</div>
-                    <div class="count">{{ no1Obj.count }}</div>
+                    <div class="name" :style="{ color: colorObj[1] }">{{ no1Obj.name || '--' }}</div>
+                    <div class="count">{{ formatCount(no1Obj.count) }}</div>
                 </div>
                 <div class="no no3">
-                    <div class="name" :style="{ color: colorObj[3] }">{{ no3Obj.name }}</div>
-                    <div class="count">{{ no3Obj.count }}</div>
+                    <div class="name" :style="{ color: colorObj[3] }">{{ no3Obj.name || '--' }}</div>
+                    <div class="count">{{ formatCount(no3Obj.count) }}</div>
                 </div>
             </div>
             <div class="flex-row-between row-name" v-for="(data, i) in listInfo" :key="i">
                 <div class="left">
                     <div class="row-index">{{ i + 3 }}</div>
-                    <div class="name-text">{{ data.name }}</div>
+                    <div class="name-text">{{ data.name || '--' }}</div>
                 </div>
-                <div class="count-text">{{ data.count }}</div>
+                <div class="count-text">{{ formatCount(data.count) }}</div>
             </div>
         </div>
         <div class="no-data" v-else>暂无数据</div>
@@ -84,14 +84,17 @@ export default {
                     this[`no${k}Obj`].count = _arr[i].count
                 }
                 this.listInfo = []
-                this.listInfo.push(_arr[3])
-                this.listInfo.push(_arr[4])
+                this.listInfo.push(_arr[3] || {})
+                this.listInfo.push(_arr[4] || {})
 
             }, err => {
                 this.loading = false;
                 this.$message.error(err);
             });
         },
+        formatCount(count) {
+            return count || count === 0 ? count : '--'
+        }
     },
     components: { contentTitle }
 }
@@ -188,7 +191,7 @@ export default {
 .num-text {
     font-size: 14px;
     color: #2b2b2b;
-   
+
 }
 
 .no-data {
diff --git a/back/src/views/modules/workBench/workBench.vue b/back/src/views/modules/workBench/workBench.vue
index da4f3d82..96c7a140 100644
--- a/back/src/views/modules/workBench/workBench.vue
+++ b/back/src/views/modules/workBench/workBench.vue
@@ -105,7 +105,7 @@ export default {
                 }
                 console.log('res----待办-------->', res.data);
                 this.toToData.list = res.data.data.records || []
-                this.toToData.num = res.data.data.records.length || 0
+                this.toToData.num = res.data.data.total || 0
             }, err => {
                 this.$message.error(err);
                 this.loadingToDo = false;
@@ -125,7 +125,7 @@ export default {
                 }
                 console.log('res----已办-------->', res.data);
                 this.hasToDodoData.list = res.data.data.records || []
-                this.hasToDodoData.num = res.data.data.records.length || 0
+                this.hasToDodoData.num = res.data.data.total || 0
             }, err => {
                 this.$message.error(err)
                 this.loadingHasToDo = false;