三防 个人信息入口

src/views/disasterRiskMonitor/radarEchoMap.vue

@@ -2,6 +2,7 @@
   <div class="container">
     <div class="map-box">
       <div class="title-box">雷达拼图{{time}}</div>
+      <img v-for="(item, index) in imgList" :key="index" :src="item.url" alt="" style="width: 200px;height: 200px;">
       <div class="btn1" @click="handleChangeDynamic">
         <el-button type="primary">
           <i class="icon1" />
@@ -65,6 +66,7 @@ import { olMap } from '@/utils/olMap/olMap';
 import mmJson from '@/assets/json/mm.json';
 import {getAreaMap} from "@/api/globalMap";
 import {ElButton} from "element-plus";
+import {getRadarChart} from "@/api/disasterRiskMonitor/radarEchoMap";
 let windBreakMapRef = ref(null);
 let mapState = reactive({
   center: [110.925175, 22],
@@ -188,7 +190,11 @@ let playing = ref(false);
 const handleClickPlaying = () => {
   playing.value = !playing.value;
 }
+let imgList = ref([]);
 onMounted(() => {
+  getRadarChart().then((res) => {
+    imgList.value = res.data;
+  })
   initMap();
 })
 </script>