diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js
index 0ab65a9..f5c8599 100644
--- a/src/api/MonitoringAnalysis.js
+++ b/src/api/MonitoringAnalysis.js
@@ -41,11 +41,18 @@
   });
 }
 // 获取列表数据
-
 export function listPipelineDefectRisk(params) {
   return request({
     url: `business/monitorAnalysis/listPipelineDefectRisk`,
     method: 'get',
     params,
   });
+}
+// 获取列表数据
+export function riskAnalysisReason(params) {
+  return request({
+    url: `business/monitorAnalysis/riskAnalysisReason`,
+    method: 'get',
+    params,
+  });
 }
\ No newline at end of file

diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js
index 0ab65a9..f5c8599 100644
--- a/src/api/MonitoringAnalysis.js
+++ b/src/api/MonitoringAnalysis.js
@@ -41,11 +41,18 @@
   });
 }
 // 获取列表数据
-
 export function listPipelineDefectRisk(params) {
   return request({
     url: `business/monitorAnalysis/listPipelineDefectRisk`,
     method: 'get',
     params,
   });
+}
+// 获取列表数据
+export function riskAnalysisReason(params) {
+  return request({
+    url: `business/monitorAnalysis/riskAnalysisReason`,
+    method: 'get',
+    params,
+  });
 }
\ No newline at end of file
diff --git a/src/views/pictureOnMap/LayerControl.vue b/src/views/pictureOnMap/LayerControl.vue
index 1f32236..e1e2967 100644
--- a/src/views/pictureOnMap/LayerControl.vue
+++ b/src/views/pictureOnMap/LayerControl.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="layerControlvue" v-show="Show">
-    <div class="layericon" @click="allData.showControlBox = !allData.showControlBox"></div>
+    <div
+      class="layericon"
+      @click="allData.showControlBox = !allData.showControlBox"
+    ></div>
 
     <div class="LayerControlBox" v-show="allData.showControlBox">
       <div class="ControlBox-body">
@@ -25,68 +28,68 @@
   </div>
 </template>
 <script setup>
-import bus from '@/bus/';
-import useUserStore from '@/store/modules/user';
+import bus from "@/bus/";
+import useUserStore from "@/store/modules/user";
 const appStore = useUserStore();
-import { getImageUrl } from '@/utils/ruoyi';
-import { nextTick } from 'vue';
+import { getImageUrl } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const Show = ref(true);
 const selectList = ref([]);
 const dataSource = ref([
   {
-    value: '地图切换',
-    label: '地图切换',
-    class: 'target-class',
+    value: "地图切换",
+    label: "地图切换",
+    class: "target-class",
     children: [
       {
-        value: '!newfiber-XYZLayer',
-        label: '电子地图',
-        icon: getImageUrl('mapone.png', 'images/NewLayercontrol'),
+        value: "!newfiber-XYZLayer",
+        label: "电子地图",
+        icon: getImageUrl("mapone.png", "images/NewLayercontrol"),
       },
       {
-        value: 'newfiber-XYZLayer',
-        label: '影像地图',
-        icon: getImageUrl('maptwo.png', 'images/NewLayercontrol'),
+        value: "newfiber-XYZLayer",
+        label: "影像地图",
+        icon: getImageUrl("maptwo.png", "images/NewLayercontrol"),
       },
       {
-        value: '高清地图',
-        label: '高清地图',
-        icon: getImageUrl('mapthree.png', 'images/NewLayercontrol'),
+        value: "高清地图",
+        label: "高清地图",
+        icon: getImageUrl("mapthree.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '排水体系',
-    label: '排水体系',
-    class: 'target-class',
+    value: "排水体系",
+    label: "排水体系",
+    class: "target-class",
     children: [
       {
-        value: '雨水分区',
-        label: '雨水系统',
-        icon: getImageUrl('yuliangzhan.png', 'images/NewLayercontrol'),
+        value: "雨水分区",
+        label: "雨水系统",
+        icon: getImageUrl("yuliangzhan.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水分区',
-        label: '污水系统',
-        icon: getImageUrl('zishuidian.png', 'images/NewLayercontrol'),
+        value: "污水分区",
+        label: "污水系统",
+        icon: getImageUrl("zishuidian.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '管网',
-    label: '管网',
-    class: 'target-class',
+    value: "管网",
+    label: "管网",
+    class: "target-class",
     children: [
       {
-        value: '雨水管网',
-        label: '雨水管网',
-        icon: getImageUrl('lay-yushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "雨水管网",
+        label: "雨水管网",
+        icon: getImageUrl("lay-yushuiguanwang.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水管网',
-        label: '污水管网',
-        icon: getImageUrl('lay-wushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "污水管网",
+        label: "污水管网",
+        icon: getImageUrl("lay-wushuiguanwang.png", "images/NewLayercontrol"),
       },
     ],
   },
@@ -99,29 +102,29 @@
 //  这个方法会出现当前已勾选节点，或者半节点的状态
 function check(data, node) {
   selectList.value = [];
-  console.log('node', node);
+  console.log("node", node);
 
   if (node) {
     let arr = [...node.checkedNodes];
-    arr.map(item => {
+    arr.map((item) => {
       if (item.value) {
         selectList.value.push(item.value);
       }
     });
   }
-  console.log('selectList.value', selectList.value);
+  console.log("selectList.value", selectList.value);
 }
 function setLayerVisible(newVal = [], oldVal = []) {
   const openLayer = _.difference(newVal, oldVal);
   const closeLayer = _.difference(oldVal, newVal);
 
   function changeyangshi() {
-    const targetElements = document.querySelectorAll('.target-class');
-    targetElements.forEach(target => {
+    const targetElements = document.querySelectorAll(".target-class");
+    targetElements.forEach((target) => {
       const parent = target.parentElement; // 获取父级元素
-      console.log('parent', parent);
+      console.log("parent", parent);
       if (parent) {
-        parent.classList.add('mycustomclass');
+        parent.classList.add("mycustomclass");
         // parent.style.backgroundColor = 'lightblue'; // 修改父级元素样式
         // 你可以在这里设置父级元素的其他样式
       }
@@ -132,7 +135,7 @@
     nextTick(() => {
       changeyangshi();
     });
-    bus.on('YQ_head', val => {
+    bus.on("YQ_head", (val) => {
       if (val == false) {
         Show.value = false;
       } else {
@@ -142,25 +145,35 @@
   });
 
   onBeforeUnmount(() => {
-    bus.off('YQ_head');
+    bus.off("YQ_head");
   });
   openLayer.length &&
     openLayer
-      .map(i => i.split(','))
+      .map((i) => i.split(","))
       .flat(Infinity)
-      .forEach(key => bus.emit('setLayerVisible', { layername: key, isCheck: key.includes('!') ? false : true }));
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? false : true,
+        })
+      );
   closeLayer.length &&
     closeLayer
-      .map(i => i.split(','))
+      .map((i) => i.split(","))
       .flat(Infinity)
-      .forEach(key => bus.emit('setLayerVisible', { layername: key, isCheck: key.includes('!') ? true : false }));
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? true : false,
+        })
+      );
   newfiberMap.map.triggerRepaint();
 }
 
 function reset() {
   proxy.$refs.layertree.setCheckedKeys([]);
   selectList.value = [];
-  bus.emit('clearTemporaryData');
+  bus.emit("clearTemporaryData");
 }
 
 watch(() => selectList.value, setLayerVisible);
@@ -209,7 +222,11 @@
 
   .mycustomclass {
     position: relative;
-    background: linear-gradient(90deg, rgba(50, 146, 255, 0.5) 0%, rgba(12, 125, 255, 0.2) 100%) !important;
+    background: linear-gradient(
+      90deg,
+      rgba(50, 146, 255, 0.5) 0%,
+      rgba(12, 125, 255, 0.2) 100%
+    ) !important;
     border-left: 4px solid #048cff;
     .el-checkbox {
       display: none;
@@ -218,24 +235,24 @@
 }
 
 .layericon {
-  z-index: 2000;
+  z-index: 0;
   position: absolute;
   cursor: pointer;
   width: 40px;
   height: 40px;
   right: 487px;
   top: 128px;
-  background: url('@/assets/images/NewLayercontrol/layerIcon.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerIcon.png") no-repeat;
   background-size: 100% 100%;
 }
 
 ::v-deep .LayerControlBox {
-  z-index: 2000;
+  z-index: 0;
   position: absolute;
   right: 500px;
   top: 175px;
   padding: 10px;
-  background: url('@/assets/images/NewLayercontrol/layerBg.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerBg.png") no-repeat;
   background-size: 100% 100%;
   width: 170px !important;
   max-height: 62vh !important;
@@ -271,7 +288,11 @@
       font-family: Source Han Sans CN;
       font-weight: 500;
       color: #839ecb;
-      background: linear-gradient(0deg, rgba(27, 161, 255, 0.2) 0%, rgba(27, 161, 255, 0.1) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(27, 161, 255, 0.2) 0%,
+        rgba(27, 161, 255, 0.1) 100%
+      );
       border-radius: 12px;
       text-align: center;
     }
@@ -322,7 +343,11 @@
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
-  background: linear-gradient(0deg, rgba(4, 140, 255, 0.5) 0%, rgba(4, 140, 255, 0.3) 100%);
+  background: linear-gradient(
+    0deg,
+    rgba(4, 140, 255, 0.5) 0%,
+    rgba(4, 140, 255, 0.3) 100%
+  );
   border-radius: 13px;
   border: 1px solid #2199ff;
   text-align: center;

diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js
index 0ab65a9..f5c8599 100644
--- a/src/api/MonitoringAnalysis.js
+++ b/src/api/MonitoringAnalysis.js
@@ -41,11 +41,18 @@
   });
 }
 // 获取列表数据
-
 export function listPipelineDefectRisk(params) {
   return request({
     url: `business/monitorAnalysis/listPipelineDefectRisk`,
     method: 'get',
     params,
   });
+}
+// 获取列表数据
+export function riskAnalysisReason(params) {
+  return request({
+    url: `business/monitorAnalysis/riskAnalysisReason`,
+    method: 'get',
+    params,
+  });
 }
\ No newline at end of file
diff --git a/src/views/pictureOnMap/LayerControl.vue b/src/views/pictureOnMap/LayerControl.vue
index 1f32236..e1e2967 100644
--- a/src/views/pictureOnMap/LayerControl.vue
+++ b/src/views/pictureOnMap/LayerControl.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="layerControlvue" v-show="Show">
-    <div class="layericon" @click="allData.showControlBox = !allData.showControlBox"></div>
+    <div
+      class="layericon"
+      @click="allData.showControlBox = !allData.showControlBox"
+    ></div>
 
     <div class="LayerControlBox" v-show="allData.showControlBox">
       <div class="ControlBox-body">
@@ -25,68 +28,68 @@
   </div>
 </template>
 <script setup>
-import bus from '@/bus/';
-import useUserStore from '@/store/modules/user';
+import bus from "@/bus/";
+import useUserStore from "@/store/modules/user";
 const appStore = useUserStore();
-import { getImageUrl } from '@/utils/ruoyi';
-import { nextTick } from 'vue';
+import { getImageUrl } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const Show = ref(true);
 const selectList = ref([]);
 const dataSource = ref([
   {
-    value: '地图切换',
-    label: '地图切换',
-    class: 'target-class',
+    value: "地图切换",
+    label: "地图切换",
+    class: "target-class",
     children: [
       {
-        value: '!newfiber-XYZLayer',
-        label: '电子地图',
-        icon: getImageUrl('mapone.png', 'images/NewLayercontrol'),
+        value: "!newfiber-XYZLayer",
+        label: "电子地图",
+        icon: getImageUrl("mapone.png", "images/NewLayercontrol"),
       },
       {
-        value: 'newfiber-XYZLayer',
-        label: '影像地图',
-        icon: getImageUrl('maptwo.png', 'images/NewLayercontrol'),
+        value: "newfiber-XYZLayer",
+        label: "影像地图",
+        icon: getImageUrl("maptwo.png", "images/NewLayercontrol"),
       },
       {
-        value: '高清地图',
-        label: '高清地图',
-        icon: getImageUrl('mapthree.png', 'images/NewLayercontrol'),
+        value: "高清地图",
+        label: "高清地图",
+        icon: getImageUrl("mapthree.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '排水体系',
-    label: '排水体系',
-    class: 'target-class',
+    value: "排水体系",
+    label: "排水体系",
+    class: "target-class",
     children: [
       {
-        value: '雨水分区',
-        label: '雨水系统',
-        icon: getImageUrl('yuliangzhan.png', 'images/NewLayercontrol'),
+        value: "雨水分区",
+        label: "雨水系统",
+        icon: getImageUrl("yuliangzhan.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水分区',
-        label: '污水系统',
-        icon: getImageUrl('zishuidian.png', 'images/NewLayercontrol'),
+        value: "污水分区",
+        label: "污水系统",
+        icon: getImageUrl("zishuidian.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '管网',
-    label: '管网',
-    class: 'target-class',
+    value: "管网",
+    label: "管网",
+    class: "target-class",
     children: [
       {
-        value: '雨水管网',
-        label: '雨水管网',
-        icon: getImageUrl('lay-yushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "雨水管网",
+        label: "雨水管网",
+        icon: getImageUrl("lay-yushuiguanwang.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水管网',
-        label: '污水管网',
-        icon: getImageUrl('lay-wushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "污水管网",
+        label: "污水管网",
+        icon: getImageUrl("lay-wushuiguanwang.png", "images/NewLayercontrol"),
       },
     ],
   },
@@ -99,29 +102,29 @@
 //  这个方法会出现当前已勾选节点，或者半节点的状态
 function check(data, node) {
   selectList.value = [];
-  console.log('node', node);
+  console.log("node", node);
 
   if (node) {
     let arr = [...node.checkedNodes];
-    arr.map(item => {
+    arr.map((item) => {
       if (item.value) {
         selectList.value.push(item.value);
       }
     });
   }
-  console.log('selectList.value', selectList.value);
+  console.log("selectList.value", selectList.value);
 }
 function setLayerVisible(newVal = [], oldVal = []) {
   const openLayer = _.difference(newVal, oldVal);
   const closeLayer = _.difference(oldVal, newVal);
 
   function changeyangshi() {
-    const targetElements = document.querySelectorAll('.target-class');
-    targetElements.forEach(target => {
+    const targetElements = document.querySelectorAll(".target-class");
+    targetElements.forEach((target) => {
       const parent = target.parentElement; // 获取父级元素
-      console.log('parent', parent);
+      console.log("parent", parent);
       if (parent) {
-        parent.classList.add('mycustomclass');
+        parent.classList.add("mycustomclass");
         // parent.style.backgroundColor = 'lightblue'; // 修改父级元素样式
         // 你可以在这里设置父级元素的其他样式
       }
@@ -132,7 +135,7 @@
     nextTick(() => {
       changeyangshi();
     });
-    bus.on('YQ_head', val => {
+    bus.on("YQ_head", (val) => {
       if (val == false) {
         Show.value = false;
       } else {
@@ -142,25 +145,35 @@
   });
 
   onBeforeUnmount(() => {
-    bus.off('YQ_head');
+    bus.off("YQ_head");
   });
   openLayer.length &&
     openLayer
-      .map(i => i.split(','))
+      .map((i) => i.split(","))
       .flat(Infinity)
-      .forEach(key => bus.emit('setLayerVisible', { layername: key, isCheck: key.includes('!') ? false : true }));
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? false : true,
+        })
+      );
   closeLayer.length &&
     closeLayer
-      .map(i => i.split(','))
+      .map((i) => i.split(","))
       .flat(Infinity)
-      .forEach(key => bus.emit('setLayerVisible', { layername: key, isCheck: key.includes('!') ? true : false }));
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? true : false,
+        })
+      );
   newfiberMap.map.triggerRepaint();
 }
 
 function reset() {
   proxy.$refs.layertree.setCheckedKeys([]);
   selectList.value = [];
-  bus.emit('clearTemporaryData');
+  bus.emit("clearTemporaryData");
 }
 
 watch(() => selectList.value, setLayerVisible);
@@ -209,7 +222,11 @@
 
   .mycustomclass {
     position: relative;
-    background: linear-gradient(90deg, rgba(50, 146, 255, 0.5) 0%, rgba(12, 125, 255, 0.2) 100%) !important;
+    background: linear-gradient(
+      90deg,
+      rgba(50, 146, 255, 0.5) 0%,
+      rgba(12, 125, 255, 0.2) 100%
+    ) !important;
     border-left: 4px solid #048cff;
     .el-checkbox {
       display: none;
@@ -218,24 +235,24 @@
 }
 
 .layericon {
-  z-index: 2000;
+  z-index: 0;
   position: absolute;
   cursor: pointer;
   width: 40px;
   height: 40px;
   right: 487px;
   top: 128px;
-  background: url('@/assets/images/NewLayercontrol/layerIcon.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerIcon.png") no-repeat;
   background-size: 100% 100%;
 }
 
 ::v-deep .LayerControlBox {
-  z-index: 2000;
+  z-index: 0;
   position: absolute;
   right: 500px;
   top: 175px;
   padding: 10px;
-  background: url('@/assets/images/NewLayercontrol/layerBg.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerBg.png") no-repeat;
   background-size: 100% 100%;
   width: 170px !important;
   max-height: 62vh !important;
@@ -271,7 +288,11 @@
       font-family: Source Han Sans CN;
       font-weight: 500;
       color: #839ecb;
-      background: linear-gradient(0deg, rgba(27, 161, 255, 0.2) 0%, rgba(27, 161, 255, 0.1) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(27, 161, 255, 0.2) 0%,
+        rgba(27, 161, 255, 0.1) 100%
+      );
       border-radius: 12px;
       text-align: center;
     }
@@ -322,7 +343,11 @@
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
-  background: linear-gradient(0deg, rgba(4, 140, 255, 0.5) 0%, rgba(4, 140, 255, 0.3) 100%);
+  background: linear-gradient(
+    0deg,
+    rgba(4, 140, 255, 0.5) 0%,
+    rgba(4, 140, 255, 0.3) 100%
+  );
   border-radius: 13px;
   border: 1px solid #2199ff;
   text-align: center;
diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index a5fdc51..d42ab19 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -517,7 +517,7 @@
       dialogConfig.visible = true;
       dialogConfig.dataCode = item.type;
       Getmenuarr.value = item.Getmenuarr;
-      dialogConfig.comIDs = ["zhoubianjiejing", "szycfxJCFX"];
+      dialogConfig.comIDs = item.comIDs;
       dialogConfig.title = item.name.split("\n")[0];
       dialogConfig.dataID = item.pid ? item.pid : item.id;
     }

diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js
index 0ab65a9..f5c8599 100644
--- a/src/api/MonitoringAnalysis.js
+++ b/src/api/MonitoringAnalysis.js
@@ -41,11 +41,18 @@
   });
 }
 // 获取列表数据
-
 export function listPipelineDefectRisk(params) {
   return request({
     url: `business/monitorAnalysis/listPipelineDefectRisk`,
     method: 'get',
     params,
   });
+}
+// 获取列表数据
+export function riskAnalysisReason(params) {
+  return request({
+    url: `business/monitorAnalysis/riskAnalysisReason`,
+    method: 'get',
+    params,
+  });
 }
\ No newline at end of file
diff --git a/src/views/pictureOnMap/LayerControl.vue b/src/views/pictureOnMap/LayerControl.vue
index 1f32236..e1e2967 100644
--- a/src/views/pictureOnMap/LayerControl.vue
+++ b/src/views/pictureOnMap/LayerControl.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="layerControlvue" v-show="Show">
-    <div class="layericon" @click="allData.showControlBox = !allData.showControlBox"></div>
+    <div
+      class="layericon"
+      @click="allData.showControlBox = !allData.showControlBox"
+    ></div>
 
     <div class="LayerControlBox" v-show="allData.showControlBox">
       <div class="ControlBox-body">
@@ -25,68 +28,68 @@
   </div>
 </template>
 <script setup>
-import bus from '@/bus/';
-import useUserStore from '@/store/modules/user';
+import bus from "@/bus/";
+import useUserStore from "@/store/modules/user";
 const appStore = useUserStore();
-import { getImageUrl } from '@/utils/ruoyi';
-import { nextTick } from 'vue';
+import { getImageUrl } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const Show = ref(true);
 const selectList = ref([]);
 const dataSource = ref([
   {
-    value: '地图切换',
-    label: '地图切换',
-    class: 'target-class',
+    value: "地图切换",
+    label: "地图切换",
+    class: "target-class",
     children: [
       {
-        value: '!newfiber-XYZLayer',
-        label: '电子地图',
-        icon: getImageUrl('mapone.png', 'images/NewLayercontrol'),
+        value: "!newfiber-XYZLayer",
+        label: "电子地图",
+        icon: getImageUrl("mapone.png", "images/NewLayercontrol"),
       },
       {
-        value: 'newfiber-XYZLayer',
-        label: '影像地图',
-        icon: getImageUrl('maptwo.png', 'images/NewLayercontrol'),
+        value: "newfiber-XYZLayer",
+        label: "影像地图",
+        icon: getImageUrl("maptwo.png", "images/NewLayercontrol"),
       },
       {
-        value: '高清地图',
-        label: '高清地图',
-        icon: getImageUrl('mapthree.png', 'images/NewLayercontrol'),
+        value: "高清地图",
+        label: "高清地图",
+        icon: getImageUrl("mapthree.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '排水体系',
-    label: '排水体系',
-    class: 'target-class',
+    value: "排水体系",
+    label: "排水体系",
+    class: "target-class",
     children: [
       {
-        value: '雨水分区',
-        label: '雨水系统',
-        icon: getImageUrl('yuliangzhan.png', 'images/NewLayercontrol'),
+        value: "雨水分区",
+        label: "雨水系统",
+        icon: getImageUrl("yuliangzhan.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水分区',
-        label: '污水系统',
-        icon: getImageUrl('zishuidian.png', 'images/NewLayercontrol'),
+        value: "污水分区",
+        label: "污水系统",
+        icon: getImageUrl("zishuidian.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '管网',
-    label: '管网',
-    class: 'target-class',
+    value: "管网",
+    label: "管网",
+    class: "target-class",
     children: [
       {
-        value: '雨水管网',
-        label: '雨水管网',
-        icon: getImageUrl('lay-yushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "雨水管网",
+        label: "雨水管网",
+        icon: getImageUrl("lay-yushuiguanwang.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水管网',
-        label: '污水管网',
-        icon: getImageUrl('lay-wushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "污水管网",
+        label: "污水管网",
+        icon: getImageUrl("lay-wushuiguanwang.png", "images/NewLayercontrol"),
       },
     ],
   },
@@ -99,29 +102,29 @@
 //  这个方法会出现当前已勾选节点，或者半节点的状态
 function check(data, node) {
   selectList.value = [];
-  console.log('node', node);
+  console.log("node", node);
 
   if (node) {
     let arr = [...node.checkedNodes];
-    arr.map(item => {
+    arr.map((item) => {
       if (item.value) {
         selectList.value.push(item.value);
       }
     });
   }
-  console.log('selectList.value', selectList.value);
+  console.log("selectList.value", selectList.value);
 }
 function setLayerVisible(newVal = [], oldVal = []) {
   const openLayer = _.difference(newVal, oldVal);
   const closeLayer = _.difference(oldVal, newVal);
 
   function changeyangshi() {
-    const targetElements = document.querySelectorAll('.target-class');
-    targetElements.forEach(target => {
+    const targetElements = document.querySelectorAll(".target-class");
+    targetElements.forEach((target) => {
       const parent = target.parentElement; // 获取父级元素
-      console.log('parent', parent);
+      console.log("parent", parent);
       if (parent) {
-        parent.classList.add('mycustomclass');
+        parent.classList.add("mycustomclass");
         // parent.style.backgroundColor = 'lightblue'; // 修改父级元素样式
         // 你可以在这里设置父级元素的其他样式
       }
@@ -132,7 +135,7 @@
     nextTick(() => {
       changeyangshi();
     });
-    bus.on('YQ_head', val => {
+    bus.on("YQ_head", (val) => {
       if (val == false) {
         Show.value = false;
       } else {
@@ -142,25 +145,35 @@
   });
 
   onBeforeUnmount(() => {
-    bus.off('YQ_head');
+    bus.off("YQ_head");
   });
   openLayer.length &&
     openLayer
-      .map(i => i.split(','))
+      .map((i) => i.split(","))
       .flat(Infinity)
-      .forEach(key => bus.emit('setLayerVisible', { layername: key, isCheck: key.includes('!') ? false : true }));
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? false : true,
+        })
+      );
   closeLayer.length &&
     closeLayer
-      .map(i => i.split(','))
+      .map((i) => i.split(","))
       .flat(Infinity)
-      .forEach(key => bus.emit('setLayerVisible', { layername: key, isCheck: key.includes('!') ? true : false }));
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? true : false,
+        })
+      );
   newfiberMap.map.triggerRepaint();
 }
 
 function reset() {
   proxy.$refs.layertree.setCheckedKeys([]);
   selectList.value = [];
-  bus.emit('clearTemporaryData');
+  bus.emit("clearTemporaryData");
 }
 
 watch(() => selectList.value, setLayerVisible);
@@ -209,7 +222,11 @@
 
   .mycustomclass {
     position: relative;
-    background: linear-gradient(90deg, rgba(50, 146, 255, 0.5) 0%, rgba(12, 125, 255, 0.2) 100%) !important;
+    background: linear-gradient(
+      90deg,
+      rgba(50, 146, 255, 0.5) 0%,
+      rgba(12, 125, 255, 0.2) 100%
+    ) !important;
     border-left: 4px solid #048cff;
     .el-checkbox {
       display: none;
@@ -218,24 +235,24 @@
 }
 
 .layericon {
-  z-index: 2000;
+  z-index: 0;
   position: absolute;
   cursor: pointer;
   width: 40px;
   height: 40px;
   right: 487px;
   top: 128px;
-  background: url('@/assets/images/NewLayercontrol/layerIcon.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerIcon.png") no-repeat;
   background-size: 100% 100%;
 }
 
 ::v-deep .LayerControlBox {
-  z-index: 2000;
+  z-index: 0;
   position: absolute;
   right: 500px;
   top: 175px;
   padding: 10px;
-  background: url('@/assets/images/NewLayercontrol/layerBg.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerBg.png") no-repeat;
   background-size: 100% 100%;
   width: 170px !important;
   max-height: 62vh !important;
@@ -271,7 +288,11 @@
       font-family: Source Han Sans CN;
       font-weight: 500;
       color: #839ecb;
-      background: linear-gradient(0deg, rgba(27, 161, 255, 0.2) 0%, rgba(27, 161, 255, 0.1) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(27, 161, 255, 0.2) 0%,
+        rgba(27, 161, 255, 0.1) 100%
+      );
       border-radius: 12px;
       text-align: center;
     }
@@ -322,7 +343,11 @@
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
-  background: linear-gradient(0deg, rgba(4, 140, 255, 0.5) 0%, rgba(4, 140, 255, 0.3) 100%);
+  background: linear-gradient(
+    0deg,
+    rgba(4, 140, 255, 0.5) 0%,
+    rgba(4, 140, 255, 0.3) 100%
+  );
   border-radius: 13px;
   border: 1px solid #2199ff;
   text-align: center;
diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index a5fdc51..d42ab19 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -517,7 +517,7 @@
       dialogConfig.visible = true;
       dialogConfig.dataCode = item.type;
       Getmenuarr.value = item.Getmenuarr;
-      dialogConfig.comIDs = ["zhoubianjiejing", "szycfxJCFX"];
+      dialogConfig.comIDs = item.comIDs;
       dialogConfig.title = item.name.split("\n")[0];
       dialogConfig.dataID = item.pid ? item.pid : item.id;
     }
diff --git a/src/views/pictureOnMap/page/MonitoringAnalysis/index.vue b/src/views/pictureOnMap/page/MonitoringAnalysis/index.vue
index f22ed18..8d03edb 100644
--- a/src/views/pictureOnMap/page/MonitoringAnalysis/index.vue
+++ b/src/views/pictureOnMap/page/MonitoringAnalysis/index.vue
@@ -241,9 +241,9 @@
             v-if="dialogConfig.activeName == 'ydfx'"
           ></Ydfx>
         </el-tab-pane>
-        <!-- <el-tab-pane label="测试1" name="yszrfxJCFX">
-          <yszrfxJCFX v-if="dialogConfig.activeName == 'yszrfxJCFX'"></yszrfxJCFX>
-        </el-tab-pane> -->
+        <el-tab-pane label="测试_分析弹窗" name="szycfxJCFX">
+          <szycfxJCFX v-if="dialogConfig.activeName == 'szycfxJCFX'"></szycfxJCFX>
+        </el-tab-pane>
       </el-tabs>
     </el-dialog>
   </div>
@@ -269,15 +269,13 @@
 import Dxssr from "./tab_components/dxssr.vue";
 
 // 测试
-// import yszrfxJCFX from "./../components/DialogTabs/component/yszrfxJCFX.vue";
+import szycfxJCFX from "./../components/DialogTabs/component/szycfxJCFX.vue";
 // 面板控制组件
 import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
 const showPanel = ref(false); //面板展开收起
 const PanelChange = (val) => {
   showPanel.value = val;
 };
-// 全景弹窗
-import StreetSpace from "@/components/Map/streetSpace";
 
 const dialogConfig = reactive({
   visible: false,
@@ -487,8 +485,10 @@
 const TypeClick = (item) => {
   let type = item.key;
   bus.emit("clearTemporaryData");
-  AllData.yw_type.forEach((i) => i.value.split(',').forEach(o => operationLayer(o, false)));
-  item.value.split(',').forEach(o => operationLayer(o, true));
+  AllData.yw_type.forEach((i) =>
+    i.value.split(",").forEach((o) => operationLayer(o, false))
+  );
+  item.value.split(",").forEach((o) => operationLayer(o, true));
   AllData.regionGrade = "one";
   AllData.regionName = "";
   newfiberMap.map.easeTo(newfiberMap.config_.params.init);
@@ -1165,7 +1165,9 @@
 
 onBeforeUnmount(() => {
   const { setHighlight } = events_params;
-  AllData.yw_type.forEach((i) => i.value.split(',').forEach(o => operationLayer(o, false)));
+  AllData.yw_type.forEach((i) =>
+    i.value.split(",").forEach((o) => operationLayer(o, false))
+  );
   bus.emit(setHighlight.key, []);
   bus.off("FenQuClick");
   bus.off("openJXFXDialog");

diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js
index 0ab65a9..f5c8599 100644
--- a/src/api/MonitoringAnalysis.js
+++ b/src/api/MonitoringAnalysis.js
@@ -41,11 +41,18 @@
   });
 }
 // 获取列表数据
-
 export function listPipelineDefectRisk(params) {
   return request({
     url: `business/monitorAnalysis/listPipelineDefectRisk`,
     method: 'get',
     params,
   });
+}
+// 获取列表数据
+export function riskAnalysisReason(params) {
+  return request({
+    url: `business/monitorAnalysis/riskAnalysisReason`,
+    method: 'get',
+    params,
+  });
 }
\ No newline at end of file
diff --git a/src/views/pictureOnMap/LayerControl.vue b/src/views/pictureOnMap/LayerControl.vue
index 1f32236..e1e2967 100644
--- a/src/views/pictureOnMap/LayerControl.vue
+++ b/src/views/pictureOnMap/LayerControl.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="layerControlvue" v-show="Show">
-    <div class="layericon" @click="allData.showControlBox = !allData.showControlBox"></div>
+    <div
+      class="layericon"
+      @click="allData.showControlBox = !allData.showControlBox"
+    ></div>
 
     <div class="LayerControlBox" v-show="allData.showControlBox">
       <div class="ControlBox-body">
@@ -25,68 +28,68 @@
   </div>
 </template>
 <script setup>
-import bus from '@/bus/';
-import useUserStore from '@/store/modules/user';
+import bus from "@/bus/";
+import useUserStore from "@/store/modules/user";
 const appStore = useUserStore();
-import { getImageUrl } from '@/utils/ruoyi';
-import { nextTick } from 'vue';
+import { getImageUrl } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const Show = ref(true);
 const selectList = ref([]);
 const dataSource = ref([
   {
-    value: '地图切换',
-    label: '地图切换',
-    class: 'target-class',
+    value: "地图切换",
+    label: "地图切换",
+    class: "target-class",
     children: [
       {
-        value: '!newfiber-XYZLayer',
-        label: '电子地图',
-        icon: getImageUrl('mapone.png', 'images/NewLayercontrol'),
+        value: "!newfiber-XYZLayer",
+        label: "电子地图",
+        icon: getImageUrl("mapone.png", "images/NewLayercontrol"),
       },
       {
-        value: 'newfiber-XYZLayer',
-        label: '影像地图',
-        icon: getImageUrl('maptwo.png', 'images/NewLayercontrol'),
+        value: "newfiber-XYZLayer",
+        label: "影像地图",
+        icon: getImageUrl("maptwo.png", "images/NewLayercontrol"),
       },
       {
-        value: '高清地图',
-        label: '高清地图',
-        icon: getImageUrl('mapthree.png', 'images/NewLayercontrol'),
+        value: "高清地图",
+        label: "高清地图",
+        icon: getImageUrl("mapthree.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '排水体系',
-    label: '排水体系',
-    class: 'target-class',
+    value: "排水体系",
+    label: "排水体系",
+    class: "target-class",
     children: [
       {
-        value: '雨水分区',
-        label: '雨水系统',
-        icon: getImageUrl('yuliangzhan.png', 'images/NewLayercontrol'),
+        value: "雨水分区",
+        label: "雨水系统",
+        icon: getImageUrl("yuliangzhan.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水分区',
-        label: '污水系统',
-        icon: getImageUrl('zishuidian.png', 'images/NewLayercontrol'),
+        value: "污水分区",
+        label: "污水系统",
+        icon: getImageUrl("zishuidian.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '管网',
-    label: '管网',
-    class: 'target-class',
+    value: "管网",
+    label: "管网",
+    class: "target-class",
     children: [
       {
-        value: '雨水管网',
-        label: '雨水管网',
-        icon: getImageUrl('lay-yushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "雨水管网",
+        label: "雨水管网",
+        icon: getImageUrl("lay-yushuiguanwang.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水管网',
-        label: '污水管网',
-        icon: getImageUrl('lay-wushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "污水管网",
+        label: "污水管网",
+        icon: getImageUrl("lay-wushuiguanwang.png", "images/NewLayercontrol"),
       },
     ],
   },
@@ -99,29 +102,29 @@
 //  这个方法会出现当前已勾选节点，或者半节点的状态
 function check(data, node) {
   selectList.value = [];
-  console.log('node', node);
+  console.log("node", node);
 
   if (node) {
     let arr = [...node.checkedNodes];
-    arr.map(item => {
+    arr.map((item) => {
       if (item.value) {
         selectList.value.push(item.value);
       }
     });
   }
-  console.log('selectList.value', selectList.value);
+  console.log("selectList.value", selectList.value);
 }
 function setLayerVisible(newVal = [], oldVal = []) {
   const openLayer = _.difference(newVal, oldVal);
   const closeLayer = _.difference(oldVal, newVal);
 
   function changeyangshi() {
-    const targetElements = document.querySelectorAll('.target-class');
-    targetElements.forEach(target => {
+    const targetElements = document.querySelectorAll(".target-class");
+    targetElements.forEach((target) => {
       const parent = target.parentElement; // 获取父级元素
-      console.log('parent', parent);
+      console.log("parent", parent);
       if (parent) {
-        parent.classList.add('mycustomclass');
+        parent.classList.add("mycustomclass");
         // parent.style.backgroundColor = 'lightblue'; // 修改父级元素样式
         // 你可以在这里设置父级元素的其他样式
       }
@@ -132,7 +135,7 @@
     nextTick(() => {
       changeyangshi();
     });
-    bus.on('YQ_head', val => {
+    bus.on("YQ_head", (val) => {
       if (val == false) {
         Show.value = false;
       } else {
@@ -142,25 +145,35 @@
   });
 
   onBeforeUnmount(() => {
-    bus.off('YQ_head');
+    bus.off("YQ_head");
   });
   openLayer.length &&
     openLayer
-      .map(i => i.split(','))
+      .map((i) => i.split(","))
       .flat(Infinity)
-      .forEach(key => bus.emit('setLayerVisible', { layername: key, isCheck: key.includes('!') ? false : true }));
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? false : true,
+        })
+      );
   closeLayer.length &&
     closeLayer
-      .map(i => i.split(','))
+      .map((i) => i.split(","))
       .flat(Infinity)
-      .forEach(key => bus.emit('setLayerVisible', { layername: key, isCheck: key.includes('!') ? true : false }));
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? true : false,
+        })
+      );
   newfiberMap.map.triggerRepaint();
 }
 
 function reset() {
   proxy.$refs.layertree.setCheckedKeys([]);
   selectList.value = [];
-  bus.emit('clearTemporaryData');
+  bus.emit("clearTemporaryData");
 }
 
 watch(() => selectList.value, setLayerVisible);
@@ -209,7 +222,11 @@
 
   .mycustomclass {
     position: relative;
-    background: linear-gradient(90deg, rgba(50, 146, 255, 0.5) 0%, rgba(12, 125, 255, 0.2) 100%) !important;
+    background: linear-gradient(
+      90deg,
+      rgba(50, 146, 255, 0.5) 0%,
+      rgba(12, 125, 255, 0.2) 100%
+    ) !important;
     border-left: 4px solid #048cff;
     .el-checkbox {
       display: none;
@@ -218,24 +235,24 @@
 }
 
 .layericon {
-  z-index: 2000;
+  z-index: 0;
   position: absolute;
   cursor: pointer;
   width: 40px;
   height: 40px;
   right: 487px;
   top: 128px;
-  background: url('@/assets/images/NewLayercontrol/layerIcon.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerIcon.png") no-repeat;
   background-size: 100% 100%;
 }
 
 ::v-deep .LayerControlBox {
-  z-index: 2000;
+  z-index: 0;
   position: absolute;
   right: 500px;
   top: 175px;
   padding: 10px;
-  background: url('@/assets/images/NewLayercontrol/layerBg.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerBg.png") no-repeat;
   background-size: 100% 100%;
   width: 170px !important;
   max-height: 62vh !important;
@@ -271,7 +288,11 @@
       font-family: Source Han Sans CN;
       font-weight: 500;
       color: #839ecb;
-      background: linear-gradient(0deg, rgba(27, 161, 255, 0.2) 0%, rgba(27, 161, 255, 0.1) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(27, 161, 255, 0.2) 0%,
+        rgba(27, 161, 255, 0.1) 100%
+      );
       border-radius: 12px;
       text-align: center;
     }
@@ -322,7 +343,11 @@
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
-  background: linear-gradient(0deg, rgba(4, 140, 255, 0.5) 0%, rgba(4, 140, 255, 0.3) 100%);
+  background: linear-gradient(
+    0deg,
+    rgba(4, 140, 255, 0.5) 0%,
+    rgba(4, 140, 255, 0.3) 100%
+  );
   border-radius: 13px;
   border: 1px solid #2199ff;
   text-align: center;
diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index a5fdc51..d42ab19 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -517,7 +517,7 @@
       dialogConfig.visible = true;
       dialogConfig.dataCode = item.type;
       Getmenuarr.value = item.Getmenuarr;
-      dialogConfig.comIDs = ["zhoubianjiejing", "szycfxJCFX"];
+      dialogConfig.comIDs = item.comIDs;
       dialogConfig.title = item.name.split("\n")[0];
       dialogConfig.dataID = item.pid ? item.pid : item.id;
     }
diff --git a/src/views/pictureOnMap/page/MonitoringAnalysis/index.vue b/src/views/pictureOnMap/page/MonitoringAnalysis/index.vue
index f22ed18..8d03edb 100644
--- a/src/views/pictureOnMap/page/MonitoringAnalysis/index.vue
+++ b/src/views/pictureOnMap/page/MonitoringAnalysis/index.vue
@@ -241,9 +241,9 @@
             v-if="dialogConfig.activeName == 'ydfx'"
           ></Ydfx>
         </el-tab-pane>
-        <!-- <el-tab-pane label="测试1" name="yszrfxJCFX">
-          <yszrfxJCFX v-if="dialogConfig.activeName == 'yszrfxJCFX'"></yszrfxJCFX>
-        </el-tab-pane> -->
+        <el-tab-pane label="测试_分析弹窗" name="szycfxJCFX">
+          <szycfxJCFX v-if="dialogConfig.activeName == 'szycfxJCFX'"></szycfxJCFX>
+        </el-tab-pane>
       </el-tabs>
     </el-dialog>
   </div>
@@ -269,15 +269,13 @@
 import Dxssr from "./tab_components/dxssr.vue";
 
 // 测试
-// import yszrfxJCFX from "./../components/DialogTabs/component/yszrfxJCFX.vue";
+import szycfxJCFX from "./../components/DialogTabs/component/szycfxJCFX.vue";
 // 面板控制组件
 import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
 const showPanel = ref(false); //面板展开收起
 const PanelChange = (val) => {
   showPanel.value = val;
 };
-// 全景弹窗
-import StreetSpace from "@/components/Map/streetSpace";
 
 const dialogConfig = reactive({
   visible: false,
@@ -487,8 +485,10 @@
 const TypeClick = (item) => {
   let type = item.key;
   bus.emit("clearTemporaryData");
-  AllData.yw_type.forEach((i) => i.value.split(',').forEach(o => operationLayer(o, false)));
-  item.value.split(',').forEach(o => operationLayer(o, true));
+  AllData.yw_type.forEach((i) =>
+    i.value.split(",").forEach((o) => operationLayer(o, false))
+  );
+  item.value.split(",").forEach((o) => operationLayer(o, true));
   AllData.regionGrade = "one";
   AllData.regionName = "";
   newfiberMap.map.easeTo(newfiberMap.config_.params.init);
@@ -1165,7 +1165,9 @@
 
 onBeforeUnmount(() => {
   const { setHighlight } = events_params;
-  AllData.yw_type.forEach((i) => i.value.split(',').forEach(o => operationLayer(o, false)));
+  AllData.yw_type.forEach((i) =>
+    i.value.split(",").forEach((o) => operationLayer(o, false))
+  );
   bus.emit(setHighlight.key, []);
   bus.off("FenQuClick");
   bus.off("openJXFXDialog");
diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/szycfxJCFX.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/szycfxJCFX.vue
index 6ed6ee8..e52f4ed 100644
--- a/src/views/pictureOnMap/page/components/DialogTabs/component/szycfxJCFX.vue
+++ b/src/views/pictureOnMap/page/components/DialogTabs/component/szycfxJCFX.vue
@@ -29,6 +29,7 @@
 import { ref, reactive, toRefs, onMounted, nextTick } from "vue";
 import * as echarts from "echarts";
 import { getEchart } from "@/api/MonitorAssetsOnMap";
+import { riskAnalysisReason } from "@/api/MonitoringAnalysis";
 const props = defineProps({
   // 数据id
   dataID: {
@@ -355,22 +356,36 @@
   }
 };
 const getChartsData = () => {
-  console.log(props);
   getEchart({
-    stType: props.Getproperties.stType,
-    stCode: props.Getproperties.stCode,
-    dataCode: props.Getproperties.dataCode,
-    start: "2024-07-01 00:00:00",
-    end: "2024-07-01 23:59:59",
+    // stType: props.Getproperties.stType,
+    // stCode: props.Getproperties.stCode,
+    // dataCode: props.Getproperties.dataCode,
+    // start: "2024-07-01 00:00:00",
+    // end: "2024-07-01 23:59:59",
+    stType: "rainwater_pipeline_quality",
+    stCode: "0201460323",
+    dataCode: "pipePoint",
+    start: "2024-11-26 11:10:03",
+    end: "2024-11-27 11:10:03",
   }).then((res) => {
     if (res && res.code == 200) {
       init();
     }
   });
 };
+const getFenXiData = () => {
+  console.log(props);
+  riskAnalysisReason({
+    startTime: "2024-07-01 00:00:00",
+    endTime: "2024-07-01 23:59:59",
+    stCode: "",
+    menuType: "",
+  }).then((res) => {});
+};
 onMounted(() => {
   nextTick(() => {
     getChartsData();
+    getFenXiData();
     window.addEventListener("resize", resizeTheChart);
   });
 });