302 lines
12 KiB
Vue
302 lines
12 KiB
Vue
<template>
|
|
<div class="bi-different-dialog">
|
|
<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"/>
|
|
<temperaturestation v-if="type === '561347f0cff641dba8b2b22c0f443348'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<humiditystation v-if="type === '732fe73933b845c6b1e2aee06a38ed31'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<windspeedstation v-if="type === '2da29f00852a4653ba3e760b9de57412'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<xf-point v-if="type === 'point'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<xf-control v-if="type === 'xfbf01' || type ==='xfkzs01' || type ==='xfjyd01' || type ==='xfsy01'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<mk-gate-machine v-if="type === 'CAR'||type ==='PERSON' || type ==='CAMERA'|| type ==='PERSON_MACHINE'|| type ==='CAR_MACHINE' "
|
|
:id="id"
|
|
:type="type"
|
|
:gangkou="gangkou"
|
|
:corp-id="corpInfoId"
|
|
:gate-video-id="GATE_VIDEO_ID"
|
|
:code = "code"
|
|
:video-type="videoType"
|
|
:name = "name" />
|
|
<mk-gate-machine-cfd v-if="type === 'CAR00004'||type ==='PERSON00004' " :id="id" :type="type" :gangkou="gangkou" :infoname="infoname"/>
|
|
<zhong_da_info v-if="type === 'majordangersource'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<video-play v-if="type === 'video'" :id="id" :type="type" :gangkou="gangkou" request-url="/api/homemajor/getVideoInfo"/>
|
|
<video-play-cfd v-if="type === 'CAMERA00004' || type === 'platcamera00004'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<video-play-plat v-if="type === 'platcamera'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<!--秦港一公司 边界入侵 详细页面 start-->
|
|
<video-play-bianjieruqin v-if="type === 'bianjieruqin'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<!--秦港一公司 边界入侵 详细页面 end-->
|
|
<!--秦港一公司 八项作业 详细页面 start-->
|
|
<hotworkFirst v-if="type === 'HOTWORK' && corpInfoId === '035958e685cf4850bc40151c5e0617a6' " :id="id" :type="type" :gangkou="gangkou"/>
|
|
<hotwork v-if="type === 'HOTWORK'&& corpInfoId !== '635917e77af8461691d5da5507b56347' && corpInfoId !== '035958e685cf4850bc40151c5e0617a6'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<confinedspace v-if="type === 'CONFINEDSPACE' && corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<electricityOrder v-if="type === 'ELECTRICITY' && corpInfoId === '035958e685cf4850bc40151c5e0617a6'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<highworkOrder v-if="type === 'HIGHWORK' && corpInfoId === '035958e685cf4850bc40151c5e0617a6'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<hoistingOrder v-if="type === 'HOISTING' && corpInfoId === '035958e685cf4850bc40151c5e0617a6'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<blindboardOrder v-if="type === 'BLINDBOARD' && corpInfoId === '035958e685cf4850bc40151c5e0617a6'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<!--秦港一公司 八项作业 详细页面 end-->
|
|
<!--其他公司 八项作业 详细页面 start--> <!-- 有限空间 动火 复用一公司-->
|
|
<electricityOrder v-if="type === 'ELECTRICITY' && corpInfoId !== '035958e685cf4850bc40151c5e0617a6'&& corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<highworkOrder v-if="type === 'HIGHWORK' && corpInfoId !== '035958e685cf4850bc40151c5e0617a6'&& corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<hoistingOrder v-if="type === 'HOISTING' && corpInfoId !== '035958e685cf4850bc40151c5e0617a6'&& corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<blindboardOrder v-if="type === 'BLINDBOARD' && corpInfoId !== '035958e685cf4850bc40151c5e0617a6'&& corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<cutroadOrder v-if="type === 'CUTROAD' && corpInfoId !== '035958e685cf4850bc40151c5e0617a6'&& corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<breakgroundOrder v-if="type === 'BREAKGROUND' && corpInfoId !== '035958e685cf4850bc40151c5e0617a6'&& corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
|
|
<!--其他公司 八项作业 详细页面 start-->
|
|
<!--曹妃甸东 八项作业 曹实业详细页面 start-->
|
|
<hotworkCfdD v-if="type === 'HOTWORK'&& corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
|
|
<confinedspaceCfdD v-if="type === 'CONFINEDSPACE' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
|
|
<electricityCfdD v-if="type === 'ELECTRICITY' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
|
|
<highworkCfdD v-if="type === 'HIGHWORK' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
|
|
<blindboardCfdD v-if="type === 'BLINDBOARD' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
|
|
<cutroadCfdD v-if="type === 'CUTROAD' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
|
|
<breakgroundCfdD v-if="type === 'BREAKGROUND' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
|
|
<hoistingCfdD v-if="type === 'HOISTING' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
|
|
<peoplePositionCfdD v-if="type === 'peoplePosition'" :id="id" :type="type" :infoname="infoname"/>
|
|
<carPositionCfdD v-if="type === 'carPosition'" :id="id" :type="type" :infoname="infoname"/>
|
|
<!--曹妃甸东 八项作业 曹实业详细页面 end-->
|
|
<peoplePositionNine v-if="type === 'peoplePositionNine'" :id="id" :type="type" :infoname="infoname"/>
|
|
<peoplePositionOne v-if="type === 'peoplePositionOne' && !(corpInfoId === '035958e685cf4850bc40151c5e0617a6' || corpInfoId === '21590a00ea5e462e9ee44dd332dddc26')" :id="id" :type="type" />
|
|
<peoplePositionYGS v-if="type === 'peoplePositionOne' && (corpInfoId === '035958e685cf4850bc40151c5e0617a6' || corpInfoId === '21590a00ea5e462e9ee44dd332dddc26')" :id="id" :type="type" :corp-id="corpInfoId" />
|
|
<!-- 重点工程 start -->
|
|
<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>
|
|
|
|
<script>
|
|
import confinedspace from './confinedspace.vue'
|
|
import hotwork from './hotwork.vue'
|
|
import weatherstation from './weatherstation.vue'
|
|
import temperaturestation from './weatherstation.vue'
|
|
import humiditystation from './weatherstation.vue'
|
|
import windspeedstation from './weatherstation.vue'
|
|
import electricity from './electricity.vue'
|
|
import highwork from './highwork.vue'
|
|
import hoisting from './hoisting.vue'
|
|
import blindboard from './blindboard.vue'
|
|
import XfControl from './xfControl.vue'
|
|
import XfPoint from './xfPoint.vue'
|
|
import MkGateMachine from './mkGateMachine.vue'
|
|
import MkGateMachineCfd from './mkGateMachineCfd.vue'
|
|
import Zhong_da_info from './zhong_da_info.vue'
|
|
import electricityOrder from './electricityOrder.vue'
|
|
import highworkOrder from './highworkOrder.vue'
|
|
import cutroadOrder from './cutroadOrder.vue'
|
|
import blindboardOrder from './blindboardOrder.vue'
|
|
import breakgroundOrder from './breakgroundOrder.vue'
|
|
import hoistingOrder from './hoistingOrder.vue'
|
|
import videoPlay from './video_play.vue'
|
|
import videoPlayCfd from './video_play_cfd.vue'
|
|
import videoPlayPlat from './video_play_plat.vue'
|
|
import videoPlayBianjieruqin from './video_play_bianjieruqin.vue'
|
|
import hotworkCfdD from './hotworkCfdD.vue'
|
|
import confinedspaceCfdD from './confinedspaceCfdD.vue'
|
|
import electricityCfdD from './electricityCfdD.vue'
|
|
import highworkCfdD from './highworkCfdD.vue'
|
|
import blindboardCfdD from './blindboardCfdD.vue'
|
|
import cutroadCfdD from './cutroadCfdD.vue'
|
|
import breakgroundCfdD from './breakgroundCfdD.vue'
|
|
import hoistingCfdD from './hoistingCfdD.vue'
|
|
import peoplePositionCfdD from './peoplePositionCfdD.vue'
|
|
import carPositionCfdD from './carPositionCfdD.vue'
|
|
import peoplePositionOne from './peoplePositionOne.vue'
|
|
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: {
|
|
Zhong_da_info,
|
|
MkGateMachine,
|
|
XfPoint,
|
|
XfControl,
|
|
confinedspace,
|
|
hotwork,
|
|
weatherstation,
|
|
temperaturestation,
|
|
humiditystation,
|
|
windspeedstation,
|
|
electricity,
|
|
highwork,
|
|
hoisting,
|
|
blindboard,
|
|
electricityOrder,
|
|
highworkOrder,
|
|
cutroadOrder,
|
|
blindboardOrder,
|
|
breakgroundOrder,
|
|
hoistingOrder,
|
|
videoPlay,
|
|
videoPlayCfd,
|
|
videoPlayPlat,
|
|
hotworkCfdD,
|
|
confinedspaceCfdD,
|
|
electricityCfdD,
|
|
highworkCfdD,
|
|
blindboardCfdD,
|
|
cutroadCfdD,
|
|
breakgroundCfdD,
|
|
hoistingCfdD,
|
|
MkGateMachineCfd,
|
|
peoplePositionCfdD,
|
|
carPositionCfdD,
|
|
videoPlayBianjieruqin,
|
|
peoplePositionOne,
|
|
hotworkFirst,
|
|
peoplePositionYGS,
|
|
outSourceInfo,
|
|
outSourceVideoInfo,
|
|
meteorologicalMonitoring
|
|
},
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
type: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
width: {
|
|
type: String,
|
|
default: '50%'
|
|
},
|
|
id: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
visible: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
corpInfoId: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
gangkou: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
infoname: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
videoType: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
code: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
methods: {
|
|
closeDialog() {
|
|
this.$emit('update:visible', false)
|
|
this.$emit('update:type', '')
|
|
this.$emit('update:id', '')
|
|
this.$emit('update:title', '')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.bi-different-dialog {
|
|
.el-dialog__wrapper {
|
|
overflow: visible;
|
|
}
|
|
|
|
.el-dialog {
|
|
border: 1px solid rgba(64, 156, 255, 0.3);
|
|
border-radius: 10px;
|
|
background-color: rgba(2, 30, 81, 0.851);
|
|
padding: 22px 34px;
|
|
|
|
.el-dialog__header {
|
|
border-bottom: 2px solid #316b8b;
|
|
padding: 0 0 10px;
|
|
|
|
.el-dialog__title {
|
|
color: #fff;
|
|
}
|
|
|
|
.el-dialog__headerbtn .el-dialog__close {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.el-dialog__body {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
overflow-y: auto;
|
|
max-height: 85vh;
|
|
|
|
//设置滚动条样式
|
|
&::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
background: rgba(2, 30, 81, 0.851);
|
|
}
|
|
|
|
&::-webkit-scrollbar-track {
|
|
border-radius: 5px;
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
}
|
|
}
|
|
|
|
.print-approval-img {
|
|
width: 200px;
|
|
height: 97px;
|
|
display: inline-block;
|
|
|
|
img {
|
|
background: #fff;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.table-ui {
|
|
td {
|
|
border: 1px solid rgba(234, 234, 234, 0.51);
|
|
font-size: 12px;
|
|
}
|
|
.col-sty {
|
|
background: transparent;
|
|
width: 150px;
|
|
text-align: center;
|
|
}
|
|
.bbg-transparent {
|
|
background: transparent;
|
|
width: 130px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.level-title {
|
|
font-size: 14px;
|
|
|
|
h1 {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
.app-container {
|
|
padding: 0px;
|
|
width: 100%;
|
|
}
|
|
}
|
|
</style>
|