From e7bc4e8f0c95a29437116d1f8020cdb414e96fe8 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Fri, 1 Jul 2022 14:03:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E8=89=B2=E5=BA=A6=E5=80=BC?=
 =?UTF-8?q?=EF=BC=8C=E5=8E=BB=E6=8E=89=E8=B0=83=E7=94=A8=E6=95=B0=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workBench/components/dept-chart-view.vue   | 11 +++++++----
 .../workBench/components/dept-todo-view.vue    | 18 ++++++++++++++++--
 .../components/frequency-top5-view.vue         | 13 ++++++++++++-
 .../workBench/components/recommend-view.vue    | 12 +++---------
 back/src/views/modules/workBench/workBench.vue | 18 ++++++++++++------
 5 files changed, 50 insertions(+), 22 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 1714eb5f..79291918 100644
--- a/back/src/views/modules/workBench/components/dept-chart-view.vue
+++ b/back/src/views/modules/workBench/components/dept-chart-view.vue
@@ -30,6 +30,12 @@ export default {
             type: Array,
             default: () => []
         },
+        colorArray: {
+            type: Array,
+            default: () => [
+                '#fe845e', '#ff3e55', '#d5c438', '#ff9999', '#9c78ed', '#48c760', '#48c6c7', '#0058e1',
+            ]
+        },
     },
     watch: {
         dataList: {
@@ -62,9 +68,6 @@ export default {
             this.myChart = chartDom && echarts.init(chartDom);
 
             let lengendArr = this.dataListCopy.filter(v => v.name);
-            let colorArray = [
-                '#fe845e', '#ff3e55', '#d5c438', '#ff9999', '#9c78ed', '#48c760', '#48c6c7', '#0058e1',
-            ]
 
             let total = 0;
             this.dataListCopy.map(v => {
@@ -129,7 +132,7 @@ export default {
                     "type": "pie",
                     "center": ["50%", "40%"],
                     "radius": ["50%", "63%"],
-                    "color": colorArray,
+                    "color": this.colorArray,
                     "startAngle": 135,
                     label: {
                         show: false
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 083dd2c4..2ee0baca 100644
--- a/back/src/views/modules/workBench/components/dept-todo-view.vue
+++ b/back/src/views/modules/workBench/components/dept-todo-view.vue
@@ -12,9 +12,16 @@
             </div>
         </div>
         <div class="list-box" v-if="dataInfo.list.length > 0">
-            <div class="list-item" v-for="(item, i) in dataInfo.list" :key="i">
-                {{ item[dataInfo.nameStr] || '--' }}
+
+            <div v-for="(item, i) in dataInfo.list" :key="i">
+
+                <el-tooltip effect="dark" :content="item[dataInfo.nameStr]" placement="top">
+                    <div class="list-item ellipsis">
+                        {{ item[dataInfo.nameStr] || '--' }}
+                    </div>
+                </el-tooltip>
             </div>
+
             <div class="more">
                 查看更多 >
             </div>
@@ -49,6 +56,13 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.ellipsis {
+    //超出一行省略号
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 .no-margin-left {
     margin-left: 0;
 }
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 9df85d3e..9764f74e 100644
--- a/back/src/views/modules/workBench/components/frequency-top5-view.vue
+++ b/back/src/views/modules/workBench/components/frequency-top5-view.vue
@@ -19,7 +19,9 @@
             <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>
+                    <el-tooltip effect="dark" :content="data.name" placement="top">
+                        <div class="name-text ellipsis">{{ data.name || '--' }}</div>
+                    </el-tooltip>
                 </div>
                 <div class="count-text">{{ formatCount(data.count) }}</div>
             </div>
@@ -100,6 +102,13 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.ellipsis {
+    //超出一行省略号
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 .flex-row-between {
     display: flex;
     width: 100%;
@@ -164,6 +173,7 @@ export default {
     font-size: 16px;
     margin-bottom: 10px;
     margin-top: 70px;
+    width: 150px;
 }
 
 .count {
@@ -185,6 +195,7 @@ export default {
     font-size: 16px;
     color: #464545;
     margin-left: 10px;
+    width: 430px;
 }
 
 
diff --git a/back/src/views/modules/workBench/components/recommend-view.vue b/back/src/views/modules/workBench/components/recommend-view.vue
index 3bd4e471..c07032b0 100644
--- a/back/src/views/modules/workBench/components/recommend-view.vue
+++ b/back/src/views/modules/workBench/components/recommend-view.vue
@@ -23,7 +23,7 @@ export default {
           title: "名称",
           key: "name",
           dataIndex: "name",
-          width: 220
+          width: 250
         },
         {
           title: "类型",
@@ -35,7 +35,7 @@ export default {
           title: "单位",
           key: "deptContacts",
           dataIndex: "deptContacts",
-          width: 114
+          width: 144
         },
         {
           title: "时间",
@@ -47,14 +47,8 @@ export default {
           title: "当前申请数",
           key: "applyCount",
           dataIndex: "applyCount",
-          width: 115
+          width: 145
         },
-        {
-          title: "调用数量",
-          key: "visit",
-          dataIndex: "visit",
-          width: 90
-        }
       ],
       data: [
        
diff --git a/back/src/views/modules/workBench/workBench.vue b/back/src/views/modules/workBench/workBench.vue
index 96c7a140..95b6f0f8 100644
--- a/back/src/views/modules/workBench/workBench.vue
+++ b/back/src/views/modules/workBench/workBench.vue
@@ -8,11 +8,14 @@
                     style="margin-left: 0"></dept-todo-view>
             </div>
             <div class="flex-row-start dept-chart-box">
-                <dept-chart-view id="shelves" title="部门上架" v-loading="loadingResource" :dataList="resourceData">
+                <dept-chart-view id="shelves" title="部门上架" v-loading="loadingResource" :dataList="resourceData"
+                    :colorArray="resourceColor">
                 </dept-chart-view>
-                <dept-chart-view id="apply" title="部门申请" v-loading="loadingApply" :dataList="applyData">
+                <dept-chart-view id="apply" title="部门申请" v-loading="loadingApply" :dataList="applyData"
+                    :colorArray="applyColor">
                 </dept-chart-view>
-                <dept-chart-view id="demand" title="部门需求" v-loading="loadingRequire" :dataList="requireData">
+                <dept-chart-view id="demand" title="部门需求" v-loading="loadingRequire" :dataList="requireData"
+                    :colorArray="requireColor">
                 </dept-chart-view>
             </div>
         </div>
@@ -65,12 +68,15 @@ export default {
                 list: [],
                 nameStr: 'processDefinitionName'
             },
-            // 上架
+            // 部门申请
             resourceData: [],
-            // 上架
+            resourceColor: ['#7b2cff', '#fd5151', , '#2ca1ff', '#0adbfa', '#febe13', '#65e5dd', '#f071ff', '#85f67a'],
+            // 部门申请
             applyData: [],
-            // 上架
+            applyColor: ["#5085f2", "#e75fc3", "#f87be2", "#f2719a", "#fca4bb", "#f59a8f", "#fdb301", "#57e7ec", "#cf9ef1"],
+            // 部门需求
             requireData: [],
+            requireColor: ['#FD866A', '#9E87FF', '#58D5FF', '#73DDFF', '#73ACFF', '#FDD56A', '#FDB36A',],
             loadingToDo: false,
             loadingHasToDo: false,
             loadingResource: false,