合并

back/src/views/modules/workBench/api.js

@@ -84,6 +84,20 @@ export const getRequire = (data, success, fail) => {
         fail && fail(err)
     })
 }
+
+// 频率top5
+export const getFrequence = (data, success, fail) => {
+    Request({
+        methods: 'get',
+        url: '/resource/selectDeptResourceByApplyNum', 
+        data
+    }).then(res => {
+        success && success(res)
+    }).catch(err => {
+        fail && fail(err)
+    })
+}
+
 // 部门发布动态
 export const getResourceByDept = (data, success, fail) => {
     Request({
@@ -96,6 +110,7 @@ export const getResourceByDept = (data, success, fail) => {
         fail && fail(err)
     })
 }
+
 // 部门能力推荐
 export const getApplyByDept = (data, success, fail) => {
     Request({

back/src/views/modules/workBench/components/dept-chart-view.vue

@@ -60,6 +60,8 @@ export default {
                 this.myChart.dispose()
             }
             this.myChart = chartDom && echarts.init(chartDom);
+            console.log('this.myChart------------>', this.myChart);
+
 
             let lengendArr = this.dataListCopy.filter(v => v.name);
 
@@ -98,6 +100,9 @@ export default {
                         },
                     },
                 ],
+                tooltip: {
+                    triagger: 'item'
+                },
                 "legend": {
                     type: 'scroll',
                     "width": "90%",

back/src/views/modules/workBench/components/frequency-top5-view.vue

@@ -1,11 +1,46 @@
 <template>
     <div class="frequency">
         555
+        <div>标题</div>
+        <div class="no-box">
+            <div class="no2"></div>
+            <div class="no1"></div>
+            <div class="no3"></div>
+        </div>
+        <div></div>
     </div>
 </template>
 <script>
+import * as Apis from '../api.js'
 export default {
+    data() {
+        return {
+            frequenceList: [],
+            noInfo: {}
+        }
+    },
+    mounted() {
+        this.getData()
+    },
+    methods: {
+        // 频率
+        getData() {
+            let data = {
+                limit: 5,
+                page: 1,
+            }
+            Apis.getFrequence(data, res => {
+                if (res.data.code !== 0) {
+                    return this.$message.error(res.data.msg)
+                }
+                console.log('res----频率-------->', res.data);
+                this.frequenceList = res.data.data.records || [];
+            }, err => {
+                this.$message.error(err)
+            })
 
+        },
+    }
 }
 </script>
 <style lang="scss" scoped>
@@ -15,4 +50,32 @@ export default {
     background: pink;
     margin-right: 4px;
 }
+
+.no-box {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.no1 {
+    width: 170px;
+    height: 120px;
+    margin-top: -20px;
+    background-image: url("~@/assets/img/workBench/NO1.png");
+}
+
+.no2 {
+    width: 170px;
+    height: 120px;
+    margin-top: 10px;
+    background-image: url("~@/assets/img/workBench/NO2.png");
+}
+
+
+.no3 {
+    width: 170px;
+    height: 120px;
+    margin-top: 10px;
+    background-image: url("~@/assets/img/workBench/NO3.png");
+}
 </style>