guoyuepeng
/
qa-prevention-gwj-vue
1
0
Fork 3
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

feat: 修改应急指挥模块内,事故点位弹框样式

liujun0703-新项目开发
mengfanliang 2024-08-14 15:08:52 +08:00
parent 7e26ffd6a2
commit 90a946d337
1 changed files with 55 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
src/views/emergen_cyrescue/emergency_map/components/dialog.vue
View File

@ -1,34 +1,33 @@
<template> <template>
<div class="bi-different-dialog"> <el-dialog
<el-dialog id="eldig"
id="eldig" :visible="visible"
:visible="visible" :title="title"
:title="title" :width="width"
:width="width" custom-class="bi_enterprise_dialog"
append-to-body append-to-body
top="5vh" top="4vh"
@close="handlerClose"> @close="handlerClose">
<!-- 消防模块 --> <!-- 消防模块 -->
<xf-point v-if="value.otherInfo && value.otherInfo.type === 'point'" :id="value.id" :type="value.otherInfo.type" :gangkou="gangkou"/> <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"/> <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"/> <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"/> <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"/> <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"/> <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"/> <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"/> <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"/> <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"/> <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"/> <send-message v-if="value.type === 'sendMessage'" :id="value.id" :info="value" @close="handlerClose"/>
</el-dialog> </el-dialog>
</div>
</template> </template>
<script> <script>
@ -70,9 +69,6 @@ export default {
gangkou: '0003' gangkou: '0003'
} }
}, },
mounted() {
console.log(this.value)
},
methods: { methods: {
handlerClose() { handlerClose() {
this.$emit('update:visible', false) this.$emit('update:visible', false)
@ -83,14 +79,12 @@ export default {
<style lang="scss"> <style lang="scss">
.bi_enterprise_dialog { .bi_enterprise_dialog {
background-color: #034cd473 !important;
border-radius: 8px !important; border-radius: 8px !important;
width: 1600px; background-color: #000d27bd !important;
min-height: 500px; border: 2px solid #034383;
height: 600px;
.el-dialog__header { .el-dialog__header {
border: none !important; border-bottom: 1px solid #012b81 !important;
} }
.el-dialog__headerbtn .el-dialog__close { .el-dialog__headerbtn .el-dialog__close {
@ -188,7 +182,29 @@ export default {
} }
.el-dialog__body { .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 { .table-ui .tbg {
@ -222,7 +238,6 @@ export default {
.el-card__header { .el-card__header {
color: #FFFFFF !important; color: #FFFFFF !important;
} }
.el-tree, .el-tree,
@ -296,10 +311,6 @@ export default {
font-size: 24px; font-size: 24px;
} }
.el-dialog__body {
font-size: 24px;
}
.el-table .cell { .el-table .cell {
line-height: 36px !important; line-height: 36px !important;
} }