更改动态配置api结构及其调用方式，冲突点监测配置api url并动态遍历生成模拟三维柱状图

wj-data-vision/public/DATA.json

 {
   "intersectionGroups": {
-    "apis":{
-      "targetTrack":"/holo/event-analysis/queryByType",
-      "trafficFlowCross":"/holo/cross-flow/list",
-      "trafficFlowRoad":"/holo/rid-flow/list"
-
+    "apis": {
+      "targetTrack": { "url": "/holo/event-analysis/queryByType" },
+      "trafficFlowCross": { "url": "/holo/cross-flow/list" },
+      "trafficFlowRoad": { "url": "/holo/rid-flow/list" },
+      "trafficSignal": {
+        "url": "/holo/analysis-cross-indicators/query",
+        "data": { "crossId": "14Q1409IRF0" }
+      },
+      "conflictMonitor":{"url":"/holo/bs-analysis-conflict/list"}
     }
   }
 }

wj-data-vision/src/dao/requestByUrl.js

 import request from '../utils/request'
-export const getData = (url) =>
+export const getData = (url, data, param) =>
   request({
     url: url,
     method: "get",
+    data:data,
+    params:param
   });

wj-data-vision/src/views/intersectionGroups/msgLeft/targetTrack.vue

@@ -45,7 +45,7 @@ export default {
     async initData() {
       let req = await fetch("DATA.json");
       let allData = await req.json();
-      let api = allData.intersectionGroups.apis.targetTrack;
+      let api = allData.intersectionGroups.apis.targetTrack.url;
       getData(api).then(res=>{
         this.targetTracks = res.content;
       })

wj-data-vision/src/views/intersectionGroups/msgLeft/trafficFlow.vue

@@ -33,8 +33,8 @@ export default {
     async initData() {
       let req = await fetch("DATA.json");
       let allData = await req.json();
-      this.corssFlowApi = allData.intersectionGroups.apis.trafficFlowCross;
-      this.roadFlowApi = allData.intersectionGroups.apis.trafficFlowRoad;
+      this.corssFlowApi = allData.intersectionGroups.apis.trafficFlowCross.url;
+      this.roadFlowApi = allData.intersectionGroups.apis.trafficFlowRoad.url;
       this.getcrossData();
     },
     getcrossData() {

wj-data-vision/src/views/intersectionGroups/msgLeft/trafficSignal.vue

@@ -20,19 +20,7 @@
 
 <script>
 import msgCard from "../../../components/Standard/msg-card.vue";
-import {
-  getTargetTracks,
-  trafficSignals,
-  getOverDatas,
-  getConflict,
-} from "../../../dao/api";
-import {
-  crossFlow,
-  ridFlow,
-  eventAnalysis,
-  eventAlarm,
-} from "../../../dao/situation";
-import { getFontSize } from "../../../config/holo/fontSize.js";
+import { getData } from "../../../dao/requestByUrl.js";
 export default {
   components: { msgCard },
   data() {
@@ -71,27 +59,32 @@ export default {
     };
   },
   mounted() {
-    // 交通信号
-    trafficSignals().then((res) => {
-      console.log(res.content);
-      for (let key in res.content) {
-        if (this.signalArr.includes(key)) {
-          let unit = this.signalUnitMap[key];
-          let value = res.content[key];
-          // let value = 0
-          if (unit === "%") {
-            value = res.content[key] * 100;
+    this.initData();
+  },
+  methods: {
+    async initData() {
+      let req = await fetch("DATA.json");
+      let allData = await req.json();
+      let api = allData.intersectionGroups.apis.trafficSignal.url;
+      let data = allData.intersectionGroups.apis.trafficSignal.data
+      getData(api,{},data).then((res) => {
+        for (let key in res.content) {
+          if (this.signalArr.includes(key)) {
+            let unit = this.signalUnitMap[key];
+            let value = res.content[key];
+            if (unit === "%") {
+              value = res.content[key] * 100;
+            }
+            this.signalArray.push({
+              label: this.signalLabelMap[key],
+              value: value,
+              unit: unit,
+            });
           }
-          this.signalArray.push({
-            label: this.signalLabelMap[key],
-            value: value,
-            unit: unit,
-          });
         }
-      }
-    });
+      });
+    },
   },
-  methods: {},
 };
 </script>