feat : 新增报警信息功能

src/views/tunnel-manage/index.vue

@@ -74,7 +74,8 @@
     </div>
     <div v-else>
       <div class="img-box">
-        <img src="@/assets/images/tunnel/img.png" style="width:3500px;height:1789px" id="imgModel" usemap="#image"
+<!--        @/assets/images/tunnel/img.png-->
+        <img :src="'data:image/png;base64,'+siteImage" style="width:3500px;height:1789px" id="imgModel" usemap="#image"
              alt="" @click="clickHandler">
         <map name="image" id="image">
           <area shape="poly" v-for="(item,index) in coordsList" :coords="item.coords" :key="index" alt=""
@@ -153,15 +154,15 @@
 <script setup>
 import {ElMessage, ElMessageBox} from "element-plus";
 import {getTunnelList, addTunnel, deleteTunnel} from "@/api/tunnelManage";
-import {getSiteDetail} from "@/api/site";
+import {getSiteDrawing,getSiteDetail } from "@/api/site";
 import TunnelTitle from "@/components/tunnelTitle/index.vue";
 import {getTunnelBySiteId} from "@/api/largeScreen";
-
 const validateNumber = (rule, value) => {
   const reg = /^[A-Za-z0-9]+$/;
   return reg.test(value);
 }
 const router = useRouter()
+const siteImage = ref()
 const showAddIcon = ref(true)
 const params = router.currentRoute.value.params;
 const siteId = reactive(params.siteId)
@@ -182,7 +183,7 @@ const formRules = ref({
   dropTime: [{required: true, message: '请选择降频时间', trigger: ['blur', 'change']}],
   dropFrequency: [{required: true, message: '请输入降频率', trigger: ['blur', 'change']}]
 })
-const clickModel = ref(1)
+let clickModel = ref(1)
 const showFirst = ref(true)
 const showOperation = ref(true)
 const formInstance = ref()
@@ -192,10 +193,10 @@ const coordsList = ref([
     tunnelId: 1,
     coords: '767,1117,793,1182,2379,682,2437,454,2349,505,2298,666,2221,531,2153,578,2212,692,765,1126',
   }, {
-    tunnelId: 91,
+    tunnelId: 1,
     coords: '863,1475,1135,1494,2321,1078,3023,801,3214,703,3288,752,2300,1154,1560,1438,1170,1554,844,1529',
   }, {
-    tunnelId: 1,
+    tunnelId: 94,
     coords: '1181,1364,2105,622,2005,589,1116,1324'
   }
 ])
@@ -276,6 +277,14 @@ const total = ref(10);
 onMounted(() => {
   showOperation.value = localStorage.getItem('roleKey') !== 'tunnel_admin';
 })
+const getSiteImg = () => {
+  getSiteDrawing(siteId).then((res) => {
+    if(res.code === 1000){
+      siteImage.value=res.data.drawingData
+    }
+  });
+}
+getSiteImg()
 const clickHot = (id) => {
   console.log('点击热区===============')
   router.push('/' + id + '/' + siteId)