工作台：频率

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

@@ -83,4 +83,18 @@ export const getRequire = (data, success, fail) => {
     }).catch(err => {
         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)
+    })
 }

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>