修改首页

src/views/mapPage/realTimeMap/components/indexPage.vue

@@ -1,4 +1,5 @@
 <template>
+  <!-- <span @click="test">11111111</span> -->
   <div
     class="affix-container"
     id="indexpage-container"
@@ -829,7 +830,23 @@ const linkWebSocket = (url) => {
     })
   }
 }
-
+const test = () => {
+  ElMessage({
+          message: () =>
+            h(
+              'div',
+              {
+                onClick: () => lookError(),
+                style: { cursor: 'pointer' }
+              },
+              
+            ),
+          dangerouslyUseHTMLString: true,
+          showClose: false,
+          duration: 2000, // 让消息持续显示，直到用户关闭
+          message:`<span>${111111}</span>`
+        })
+}
 const lookError = () => {
   console.log('点击了')
 }
@@ -896,10 +913,10 @@ const computedRatio = () => {
 
       let width = getElementWidthByClass('indexpage-container')
       getImageWidth(imgUrl.value, 'width').then((res) => {
-        // console.log(res)
+        console.log(res)
         let ratioVal = width / res
         radio.value = ratioVal
-        widthVal.value = res
+        widthVal.value = res * radio.value
         if (pointList.value.length) {
           pointList.value.forEach((item) => {
             item.radio = radio.value
@@ -913,7 +930,7 @@ const computedRatio = () => {
       })
       getImageWidth(imgUrl.value, 'height').then((res) => {
         // console.log('高', res)
-        heightVal.value = res
+        heightVal.value = res * radio.value
       })
       // console.log(width)
     }