update

public/static/config.js

@@ -16,5 +16,6 @@ window.$SYSTEMCONFIG = {
 };
 
 window.$SERVICE = {
-  BASEURL: "http://1.94.45.26:10006/zhapi", //后端服务地址
+  BASEURL:"http://1.94.45.26:10004/zhapi"
+  //BASEURL: "http://1.94.45.26:10006/zhapi", //后端服务地址
 };

src/api/enterpriseRiskIndex/analysis/index.js

@@ -0,0 +1,43 @@
+import request from "@/utils/request";
+//风险监测项评分排行
+export function riskDetection() {
+  return request({
+    url: "/tbCompanyRiskStatistics/RiskDetection",
+    method: "post",
+  });
+}
+//风险标签排行
+export function riskLabelRanking() {
+  return request({
+    url: "/tbCompanyRiskStatistics/RiskLabelRanking",
+    method: "post",
+  });
+}
+//频繁变化风险监测信息近一年变化趋势图
+export function frequentChangeRisk() {
+  return request({
+    url: "/tbCompanyRiskStatistics/FrequentChangeRisk",
+    method: "post",
+  });
+}
+//风险总量分析变化趋势图
+export function aggregateRiskAnalysis() {
+  return request({
+    url: "/tbCompanyRiskStatistics/AggregateRiskAnalysis",
+    method: "post",
+  });
+}
+//异常风险项得分占比
+export function riskItemScore() {
+  return request({
+    url: "/tbCompanyRiskStatistics/RiskItemScore",
+    method: "post",
+  });
+}
+//异常风险得分对比
+export function abnormalRiskScore() {
+  return request({
+    url: "/tbCompanyRiskStatistics/AbnormalRiskScore",
+    method: "post",
+  });
+}

src/loveflow/util.js

@@ -1,18 +1,29 @@
 /* 数组一维转二维 */
 export function arrayResolve(n, arr) {
-  let result = []
+  let result = [];
   for (let i = 0, len = arr.length; i < len; i += n) {
-    result.push(arr.slice(i, i + n))
+    result.push(arr.slice(i, i + n));
   }
-  return result
+  return result;
 }
 
 export function importAll(r, arr, needModuleName) {
   r.keys().forEach((key) => {
     if (!r(key).default.module_name && needModuleName) {
-      const module_name = key
+      const module_name = key;
-      r(key).default.module_name = module_name
+      r(key).default.module_name = module_name;
     }
-    arr.push(r(key).default)
+    arr.push(r(key).default);
-  })
+  });
+}
+
+export function groupByReduce(arr, property, perty) {
+  return arr.reduce((acc, obj) => {
+    const key = obj[property];
+    if (!acc[key]) {
+      acc[key] = [];
+    }
+    acc[key].push(obj[perty]);
+    return acc;
+  }, {});
 }

src/views/enterpriseRiskIndex/analysis.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="analysisWrap">
-    <div class="riskRow mb18">
+    <div class="riskRow mb14">
-      <div class="riskCol leftCol mr18">
+      <div class="riskCol leftCol mr14">
         <div class="riskName">
           <div class="riskIcon"></div>
           <div class="riskNameText">风险监测项评分排行</div>
@@ -30,7 +30,7 @@
           <barOne :chartObj="tlObj"></barOne>
         </div>
       </div>
-      <div class="riskCol midCol mr18">
+      <div class="riskCol midCol mr14">
         <div class="riskName">
           <div class="riskIcon"></div>
           <div class="riskNameText">频繁变化风险监测信息近一年变化趋势图</div>
@@ -50,7 +50,7 @@
       </div>
     </div>
     <div class="riskRow">
-      <div class="riskCol leftCol mr18">
+      <div class="riskCol leftCol mr14">
         <div class="riskName">
           <div class="riskIcon"></div>
           <div class="riskNameText">风险标签排行</div>
@@ -59,7 +59,7 @@
           <barOne :chartObj="blObj"></barOne>
         </div>
       </div>
-      <div class="riskCol midCol mr18">
+      <div class="riskCol midCol mr14">
         <div class="riskName">
           <div class="riskIcon"></div>
           <div class="riskNameText">风险总量分析变化趋势图</div>
@@ -85,6 +85,18 @@ import barOne from "@/loveflow/components/echart/bar/one.vue";
 import barThree from "@/loveflow/components/echart/bar/three.vue";
 import dPie from "@/loveflow/components/echart/pie/dPie.vue";
 import lineOne from "@/loveflow/components/echart/line/one.vue";
+
+import { groupByReduce } from "@/loveflow/util.js";
+
+import {
+  riskDetection,
+  riskLabelRanking,
+  frequentChangeRisk,
+  aggregateRiskAnalysis,
+  riskItemScore,
+  abnormalRiskScore,
+} from "@/api/enterpriseRiskIndex/analysis/index.js";
+
 export default {
   components: { barOne, lineOne, barThree, dPie },
   data() {
@@ -105,30 +117,10 @@ export default {
       },
       trObj: {},
       tmObj: {
-        xData: [
+        xData: [],
-          "1月",
+        yData: [],
-          "2月",
-          "3月",
-          "4月",
-          "5月",
-          "6月",
-          "7月",
-          "8月",
-          "9月",
-          "10月",
-          "11月",
-          "12月",
-        ],
-        yData: [
-          [
-            1217, 1112, 1098, 987, 1312, 1512, 997, 1126, 1275, 1309, 1292,
-            1179,
-          ],
-          [981, 871, 698, 569, 1001, 872, 786, 659, 819, 797, 931, 769],
-          [801, 987, 1021, 1056, 1301, 1109, 982, 891, 1201, 1118, 1292, 1101],
-        ],
         name: "频繁变化风险监测信息近一年变化趋势图",
-        legend: ["违规事故", "重点人员", "流动人员"],
+        legend: [],
         color: [
           ["#09C8F5", "rgba(9,200,245,0.1)", "rgba(9,200,245,0.1)"],
           ["#48EEBD", "rgba(72,238,189,0.1)", "rgba(72,238,189,0.1)"],
@@ -210,6 +202,7 @@ export default {
   },
   mounted() {
     this.show = true;
+    this.getData();
   },
   methods: {
     changeTime(val) {
@@ -224,13 +217,49 @@ export default {
         this.tlObj.yData = [360, 481, 398, 312, 401, 512, 437];
       }
     },
+
+    //注释看api文件接口
+    getData() {
+      riskDetection().then((res) => {});
+
+      riskLabelRanking().then((res) => {});
+
+      frequentChangeRisk().then((res) => {
+        if (res.code == 200) {
+          let data = res.data || [];
+          console.log(data);
+          for (let i = 0; i < data.length; i++) {
+            if (!this.tmObj.xData.includes(data[i]["month"] + "月")) {
+              this.tmObj.xData.push(data[i]["month"] + "月");
+            }
+            if (!this.tmObj.legend.includes(data[i]["riskName"])) {
+              this.tmObj.legend.push(data[i]["riskName"]);
+            }
+          }
+
+          let temp = groupByReduce(data, "riskName", "score");
+
+          console.log(temp);
+
+          for (let i = 0; i < this.tmObj.legend.length; i++) {
+            this.tmObj.yData.push(temp[this.tmObj.legend[i]]);
+          }
+        }
+      });
+
+      aggregateRiskAnalysis().then((res) => {});
+
+      riskItemScore().then((res) => {});
+
+      abnormalRiskScore().then((res) => {});
+    },
   },
 };
 </script>
 <style lang="less">
 .analysisWrap {
   height: 100%;
-  padding: 18px;
+  padding: 14px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -290,11 +319,11 @@ export default {
     }
     .midCol {
       flex: 1.4;
-      margin-right: 18px;
+      margin-right: 14px;
     }
     .leftCol {
       flex: 1.2;
-      margin-right: 18px;
+      margin-right: 14px;
     }
   }
 }