From de3482be03f9ced451c0bda406fd6d9e2f451e5c Mon Sep 17 00:00:00 2001
From: limingyu <limingyu203@163.com>
Date: Mon, 29 Apr 2024 11:44:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E5=8F=B3=E8=BE=B9=E6=A0=8F?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=B0=94=E8=B1=A1=E7=9B=91=E6=B5=8B=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/map/dialog/index.vue                | 11 +++--
 .../map/dialog/meteorologicalMonitoring.vue   | 46 +++++++++++++++++++
 src/views/map/index.vue                       | 14 ++++++
 3 files changed, 68 insertions(+), 3 deletions(-)
 create mode 100644 src/views/map/dialog/meteorologicalMonitoring.vue

diff --git a/src/views/map/dialog/index.vue b/src/views/map/dialog/index.vue
index d45d0f6..00a96b5 100644
--- a/src/views/map/dialog/index.vue
+++ b/src/views/map/dialog/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="bi-different-dialog">
-    <el-dialog id="eldig" :visible="visible" :before-close="closeDialog" :title="title" :close-on-click-modal="false" :width="width">
+    <el-dialog id="eldig" :visible="visible" :before-close="closeDialog" :title="title" :close-on-click-modal="false" :width="width" top="50px">
       <!-- 动火 -->
       <!--消防模块对接-->
       <weatherstation v-if="type === '293187ddfd984c9ab3fd716aef58da0e'" :id="id" :type="type" :gangkou="gangkou"/>
@@ -54,6 +54,9 @@
       <outSourceInfo v-if="type === 'PROJECT'" :id="id" :type="type" />
       <outSourceVideoInfo v-if="type === 'VIDEO'" :id="id" :type="type" />
       <!-- 重点工程 end -->
+      <!-- 气象监测-右边栏 start-->
+      <meteorological-monitoring v-if="type === 'METEOROLOGICAL'" :id="id" :type="type" :gangkou="gangkou"/>
+      <!-- 气象监测-右边栏 end-->
     </el-dialog>
   </div>
 </template>
@@ -99,6 +102,7 @@ import hotworkFirst from './hotworkFirst'
 import peoplePositionYGS from './peoplePositionYGS.vue'
 import outSourceInfo from './outSourceInfo.vue'
 import outSourceVideoInfo from './outSourceVideoInfo.vue'
+import meteorologicalMonitoring from './meteorologicalMonitoring.vue'
 
 export default {
   components: {
@@ -141,7 +145,8 @@ export default {
     hotworkFirst,
     peoplePositionYGS,
     outSourceInfo,
-    outSourceVideoInfo
+    outSourceVideoInfo,
+    meteorologicalMonitoring
   },
   props: {
     title: {
@@ -217,7 +222,7 @@ export default {
       font-size: 14px;
       color: #fff;
       overflow-y: auto;
-      max-height: 60vh;
+      max-height: 85vh;
 
       //设置滚动条样式
       &::-webkit-scrollbar {
diff --git a/src/views/map/dialog/meteorologicalMonitoring.vue b/src/views/map/dialog/meteorologicalMonitoring.vue
new file mode 100644
index 0000000..0a9696f
--- /dev/null
+++ b/src/views/map/dialog/meteorologicalMonitoring.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="app-container print-work">
+    <iframe
+      :src="'http://192.168.42.57:8080/QinHuangDao'"
+      style="width: 100%;height: 80vh;"/>
+  </div>
+</template>
+
+<script>
+
+export default {
+  props: {
+    id: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    type: {
+      type: String,
+      default() {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+  }
+}
+</script>
+<style lang="scss" scoped>
+  #main4{
+    width: 340px;
+    height: 380px;
+  }
+  #main5{
+    width: 340px;
+    height: 380px;
+  }
+  #main6{
+    width: 340px;
+    height: 380px;
+  }
+</style>
diff --git a/src/views/map/index.vue b/src/views/map/index.vue
index c20665c..bbc8d0a 100644
--- a/src/views/map/index.vue
+++ b/src/views/map/index.vue
@@ -368,6 +368,12 @@ export default {
           checkImg: require('../../assets/map/index/map_on.png'),
           check: false,
           label: '纯净地图'
+        },
+        {
+          img: require('../../assets/map/index/map.png'),
+          checkImg: require('../../assets/map/index/map_on.png'),
+          check: '',
+          label: '气象监测'
         }
       ],
       myEntityCollection: {},
@@ -1604,6 +1610,14 @@ export default {
         this.componentKey = Math.random()
         this.bottomOptionsKey = Math.random()
         this.bottomOptionsAnimationComplex = false
+      } else if (index === 6) {
+        this.dialog.visible = true
+        this.dialog.title = '气象监测'
+        this.dialog.type = 'METEOROLOGICAL'
+        this.dialog.id = 'METEOROLOGICAL'
+        this.dialog.corpInfoId = ''
+        this.dialog.infoname = ''
+        this.dialog.width = '96%'
       }
     },
     changeSceneMode(check) {