From 90a946d337fd2c963fc866bfe6ac57ddd9f42573 Mon Sep 17 00:00:00 2001
From: mengfanliang <mengfanliang@zcloudchina.com>
Date: Wed, 14 Aug 2024 15:08:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=BA=94=E6=80=A5?=
 =?UTF-8?q?=E6=8C=87=E6=8C=A5=E6=A8=A1=E5=9D=97=E5=86=85,=E4=BA=8B?=
 =?UTF-8?q?=E6=95=85=E7=82=B9=E4=BD=8D=E5=BC=B9=E6=A1=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../emergency_map/components/dialog.vue       | 99 ++++++++++---------
 1 file changed, 55 insertions(+), 44 deletions(-)

diff --git a/src/views/emergen_cyrescue/emergency_map/components/dialog.vue b/src/views/emergen_cyrescue/emergency_map/components/dialog.vue
index 694ea5a..49cde76 100644
--- a/src/views/emergen_cyrescue/emergency_map/components/dialog.vue
+++ b/src/views/emergen_cyrescue/emergency_map/components/dialog.vue
@@ -1,34 +1,33 @@
 <template>
-  <div class="bi-different-dialog">
-    <el-dialog
-      id="eldig"
-      :visible="visible"
-      :title="title"
-      :width="width"
-      append-to-body
-      top="5vh"
-      @close="handlerClose">
-      <!-- 消防模块 -->
-      <xf-point v-if="value.otherInfo && value.otherInfo.type === 'point'" :id="value.id" :type="value.otherInfo.type" :gangkou="gangkou"/>
-      <xf-control v-if="value.otherInfo && (value.otherInfo.type === 'xfbf01' || value.otherInfo.type ==='xfkzs01' || value.otherInfo.type ==='xfjyd01' || value.otherInfo.type ==='xfsy01')" :id="value.id" :type="value.otherInfo.type" :gangkou="gangkou"/>
-      <!-- 气象模块 -->
-      <weatherstation v-if="value.type === '12'" :id="value.id" :type="value.type" :gangkou="gangkou"/>
-      <windspeedstation v-if="value.type === '11'" :id="value.id" :type="value.type" :gangkou="gangkou"/>
-      <!-- 摄像头 -->
-      <video-play-plat v-if="value.otherInfo && value.otherInfo.type === 'platcamera'" :id="value.id" :type="value.otherInfo.type" :gangkou="gangkou"/>
-      <!-- 物资装备库 -->
-      <wu-zi v-if="value.type === '0'" :id="value.id" :type="value.type"/>
-      <!-- 避难所 -->
-      <bi-nan-suo v-if="value.type === '1'" :id="value.id" :type="value.type"/>
-      <!-- 排水井 -->
-      <pai-shui-jing v-if="value.type === '2'" :id="value.id" :type="value.type"/>
-      <!-- 封闭卡口 -->
-      <feng-bi-ka-kou v-if="value.type === '3'" :id="value.id" :type="value.type"/>
-      <!-- 报警点 -->
-      <bao-jing v-if="value.type === '13'" :id="value.id" :type="value.type"/>
-      <send-message v-if="value.type === 'sendMessage'" :id="value.id" :info="value" @close="handlerClose"/>
-    </el-dialog>
-  </div>
+  <el-dialog
+    id="eldig"
+    :visible="visible"
+    :title="title"
+    :width="width"
+    custom-class="bi_enterprise_dialog"
+    append-to-body
+    top="4vh"
+    @close="handlerClose">
+    <!-- 消防模块 -->
+    <xf-point v-if="value.otherInfo && value.otherInfo.type === 'point'" :id="value.id" :type="value.otherInfo.type" :gangkou="gangkou"/>
+    <xf-control v-if="value.otherInfo && (value.otherInfo.type === 'xfbf01' || value.otherInfo.type ==='xfkzs01' || value.otherInfo.type ==='xfjyd01' || value.otherInfo.type ==='xfsy01')" :id="value.id" :type="value.otherInfo.type" :gangkou="gangkou"/>
+    <!-- 气象模块 -->
+    <weatherstation v-if="value.type === '12'" :id="value.id" :type="value.type" :gangkou="gangkou"/>
+    <windspeedstation v-if="value.type === '11'" :id="value.id" :type="value.type" :gangkou="gangkou"/>
+    <!-- 摄像头 -->
+    <video-play-plat v-if="value.otherInfo && value.otherInfo.type === 'platcamera'" :id="value.id" :type="value.otherInfo.type" :gangkou="gangkou"/>
+    <!-- 物资装备库 -->
+    <wu-zi v-if="value.type === '0'" :id="value.id" :type="value.type"/>
+    <!-- 避难所 -->
+    <bi-nan-suo v-if="value.type === '1'" :id="value.id" :type="value.type"/>
+    <!-- 排水井 -->
+    <pai-shui-jing v-if="value.type === '2'" :id="value.id" :type="value.type"/>
+    <!-- 封闭卡口 -->
+    <feng-bi-ka-kou v-if="value.type === '3'" :id="value.id" :type="value.type"/>
+    <!-- 报警点 -->
+    <bao-jing v-if="value.type === '13'" :id="value.id" :type="value.type"/>
+    <send-message v-if="value.type === 'sendMessage'" :id="value.id" :info="value" @close="handlerClose"/>
+  </el-dialog>
 </template>
 
 <script>
@@ -70,9 +69,6 @@ export default {
       gangkou: '0003'
     }
   },
-  mounted() {
-    console.log(this.value)
-  },
   methods: {
     handlerClose() {
       this.$emit('update:visible', false)
@@ -83,14 +79,12 @@ export default {
 
 <style lang="scss">
 .bi_enterprise_dialog {
-  background-color: #034cd473 !important;
   border-radius: 8px !important;
-  width: 1600px;
-  min-height: 500px;
-  height: 600px;
+  background-color: #000d27bd !important;
+  border: 2px solid #034383;
 
   .el-dialog__header {
-    border: none !important;
+    border-bottom: 1px solid #012b81 !important;
   }
 
   .el-dialog__headerbtn .el-dialog__close {
@@ -188,7 +182,29 @@ export default {
   }
 
   .el-dialog__body {
-    color: #fffdf4 !important;
+    padding: 0 !important;
+    color: #ffffff !important;
+    height: auto;
+    max-height: 85vh;
+    overflow-x: hidden;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+     width: 4px;
+     height: 1px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: 10px;
+      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
+      background-color: #003bb1bd;
+    }
+
+    &::-webkit-scrollbar-track {
+      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
+      border-radius: 10px;
+      background-color: transparent;
+    }
   }
 
   .table-ui .tbg {
@@ -222,7 +238,6 @@ export default {
 
   .el-card__header {
     color: #FFFFFF !important;
-
   }
 
   .el-tree,
@@ -296,10 +311,6 @@ export default {
     font-size: 24px;
   }
 
-  .el-dialog__body {
-    font-size: 24px;
-  }
-
   .el-table .cell {
     line-height: 36px !important;
   }