|
@@ -1,32 +1,26 @@
|
|
|
<template>
|
|
|
- <div class="bg" style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden">
|
|
|
+ <div class="bg"
|
|
|
+ style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden">
|
|
|
<!-- <a-spin :spinning="loading" /> -->
|
|
|
- <div
|
|
|
- id="main3DCSS"
|
|
|
- class="threejs-Object-CSS"
|
|
|
- style="width: 100%; height: 100%; position: absolute; pointer-events: none; overflow: hidden; z-index: 1; top: 0"
|
|
|
- >
|
|
|
+ <div id="main3DCSS" class="threejs-Object-CSS"
|
|
|
+ style="width: 100%; height: 100%; position: absolute; pointer-events: none; overflow: hidden; z-index: 1; top: 0">
|
|
|
<div style="position: relative">
|
|
|
<div class="elementTag" id="inputBox">
|
|
|
<div class="elementContent elementContent-r" v-if="selectData.DataPa && backMonitorIsShow">
|
|
|
<!-- <div class="element-item"><span class="data-title">风机气压(Pa):</span><span>{{ selectData.DataPa ? selectData.DataPa : '-' }}</span></div> -->
|
|
|
- <div class="element-item"
|
|
|
- ><span class="data-title">风机负压(Pa):</span><span>{{ selectData.Fan2FanPre ? selectData.Fan2FanPre : '-' }}</span></div
|
|
|
- >
|
|
|
- <div class="element-item"
|
|
|
- ><span class="data-title">风机风量(m³/s):</span><span>{{ selectData.Fan2m3 ? selectData.Fan2m3 : '-' }}</span></div
|
|
|
- >
|
|
|
+ <div class="element-item"><span class="data-title">风机负压(Pa):</span><span>{{ selectData.Fan2FanPre ?
|
|
|
+ selectData.Fan2FanPre : '-' }}</span></div>
|
|
|
+ <div class="element-item"><span class="data-title">风机风量(m³/s):</span><span>{{ selectData.Fan2m3 ?
|
|
|
+ selectData.Fan2m3 : '-' }}</span></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="elementTag" id="inputBox1">
|
|
|
<div class="elementContent elementContent-r" v-if="selectData.DataPa && frontMonitorIsShow">
|
|
|
<!-- <div class="element-item"><span class="data-title">风机全压(Pa):</span><span>{{ selectData.DataPa ? selectData.DataPa : '-' }}</span></div> -->
|
|
|
- <div class="element-item"
|
|
|
- ><span class="data-title">风机负压(Pa):</span><span>{{ selectData.Fan1FanPre ? selectData.Fan1FanPre : '-' }}</span></div
|
|
|
- >
|
|
|
- <div class="element-item"
|
|
|
- ><span class="data-title">风机风量(m³/s):</span><span>{{ selectData.Fan1m3 ? selectData.Fan1m3 : '-' }}</span></div
|
|
|
- >
|
|
|
+ <div class="element-item"><span class="data-title">风机负压(Pa):</span><span>{{ selectData.Fan1FanPre ?
|
|
|
+ selectData.Fan1FanPre : '-' }}</span></div>
|
|
|
+ <div class="element-item"><span class="data-title">风机风量(m³/s):</span><span>{{ selectData.Fan1m3 ?
|
|
|
+ selectData.Fan1m3 : '-' }}</span></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="globalConfig?.simulatedPassword" class="elementTag" id="fbm">
|
|
@@ -42,52 +36,43 @@
|
|
|
<span class="data-title"><span class="signal-round signal-round-gry vent-margin-r-8"></span>关闭</span>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <div class="vent-margin-l-10"
|
|
|
- ><span class="signal-round signal-round-warning vent-margin-r-8"></span>防爆门正在运行 或 数据异常</div
|
|
|
- >
|
|
|
+ <div class="vent-margin-l-10"><span
|
|
|
+ class="signal-round signal-round-warning vent-margin-r-8"></span>防爆门正在运行 或 数据异常</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
<div class="vent-flex-row-between vent-margin-t-10">
|
|
|
<span class="data-title">反风锁紧状态:</span>
|
|
|
- <template
|
|
|
- v-if="
|
|
|
+ <template v-if="
|
|
|
selectData['Lock1Open'] == 1 && selectData['Lock1Close'] == 0 && selectData['Lock2Open'] == 1 && selectData['Lock2Close'] == '0'
|
|
|
- "
|
|
|
- >
|
|
|
- <span class="data-title"><span class="signal-round signal-round-blue vent-margin-r-8"></span>锁1开</span>
|
|
|
- <span class="data-title"><span class="signal-round signal-round-blue vent-margin-r-8"></span>锁2开</span>
|
|
|
+ ">
|
|
|
+ <span class="data-title"><span
|
|
|
+ class="signal-round signal-round-blue vent-margin-r-8"></span>锁1开</span>
|
|
|
+ <span class="data-title"><span
|
|
|
+ class="signal-round signal-round-blue vent-margin-r-8"></span>锁2开</span>
|
|
|
</template>
|
|
|
- <template
|
|
|
- v-else-if="
|
|
|
+ <template v-else-if="
|
|
|
selectData['Lock1Open'] == '0' && selectData['Lock1Close'] == 1 && selectData['Lock2Open'] == '0' && selectData['Lock2Close'] == 1
|
|
|
- "
|
|
|
- >
|
|
|
+ ">
|
|
|
<span class="data-title"><span class="signal-round signal-round-gry vent-margin-r-8"></span>锁1关</span>
|
|
|
<span class="data-title"><span class="signal-round signal-round-gry vent-margin-r-8"></span>锁2关</span>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <div class="vent-margin-l-10"
|
|
|
- ><span class="signal-round signal-round-warning vent-margin-r-8"></span>反风锁紧正在运行 或 数据异常</div
|
|
|
- >
|
|
|
+ <div class="vent-margin-l-10"><span
|
|
|
+ class="signal-round signal-round-warning vent-margin-r-8"></span>反风锁紧正在运行 或 数据异常</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="fbm-data">
|
|
|
- <div class="element-item"
|
|
|
- ><span class="data-title">井口负压(kPa):</span><span>{{ selectData.DataPa ? selectData.DataPa : '-' }}</span></div
|
|
|
- >
|
|
|
- <div class="element-item"
|
|
|
- ><span class="data-title">井口正压(kPa):</span><span>{{ selectData.DataPa ? selectData.DataPa : '-' }}</span></div
|
|
|
- >
|
|
|
- <div class="element-item"
|
|
|
- ><span class="data-title">井口温度(℃):</span><span>{{ selectData.DataPa ? selectData.DataPa : '-' }}</span></div
|
|
|
- >
|
|
|
- <div class="element-item"
|
|
|
- ><span class="data-title">甲烷浓度(%):</span><span>{{ selectData.Fan1Negative ? selectData.Fan1Negative : '-' }}</span></div
|
|
|
- >
|
|
|
- <div class="element-item"
|
|
|
- ><span class="data-title">CO浓度(%):</span><span>{{ selectData.Fan1m3 ? selectData.Fan1m3 : '-' }}</span></div
|
|
|
- >
|
|
|
+ <div class="element-item"><span class="data-title">井口负压(kPa):</span><span>{{ selectData.DataPa ?
|
|
|
+ selectData.DataPa : '-' }}</span></div>
|
|
|
+ <div class="element-item"><span class="data-title">井口正压(kPa):</span><span>{{ selectData.DataPa ?
|
|
|
+ selectData.DataPa : '-' }}</span></div>
|
|
|
+ <div class="element-item"><span class="data-title">井口温度(℃):</span><span>{{ selectData.DataPa ?
|
|
|
+ selectData.DataPa : '-' }}</span></div>
|
|
|
+ <div class="element-item"><span class="data-title">甲烷浓度(%):</span><span>{{ selectData.Fan1Negative ?
|
|
|
+ selectData.Fan1Negative : '-' }}</span></div>
|
|
|
+ <div class="element-item"><span class="data-title">CO浓度(%):</span><span>{{ selectData.Fan1m3 ?
|
|
|
+ selectData.Fan1m3 : '-' }}</span></div>
|
|
|
<div class="vent-flex-row-between">
|
|
|
<span class="data-title">操作方式:</span>
|
|
|
<span class="data-title"><span class="signal-round signal-round-blue vent-margin-r-8"></span>远程</span>
|
|
@@ -105,7 +90,7 @@
|
|
|
<div class="scene-box" style="z-index: 999">
|
|
|
<div class="title-text" style="position: absolute; z-index: 9999; width: 100%; text-align: center">{{
|
|
|
selectData.supplyAirAddr || selectData.strinstallpos || selectData.stationname
|
|
|
- }}</div>
|
|
|
+ }}</div>
|
|
|
|
|
|
<div v-if="hasPermission('btn:show')" class="top-box control-group">
|
|
|
<template v-for="(item, index) in modalTypeArr.centerBtnArr" :key="index">
|
|
@@ -118,12 +103,10 @@
|
|
|
<div class="item-header">设备监测</div>
|
|
|
<div class="item-container">
|
|
|
<div class="tab">
|
|
|
- <div class="tab-item" :class="{ 'tab-item-active-r': dataMonitorRowIndex == 0 }" @click="selectDevice('dataMonitorRowIndex', 0)"
|
|
|
- >1#风机</div
|
|
|
- >
|
|
|
- <div class="tab-item" :class="{ 'tab-item-active-r': dataMonitorRowIndex == 1 }" @click="selectDevice('dataMonitorRowIndex', 1)"
|
|
|
- >2#风机</div
|
|
|
- >
|
|
|
+ <div class="tab-item" :class="{ 'tab-item-active-r': dataMonitorRowIndex == 0 }"
|
|
|
+ @click="selectDevice('dataMonitorRowIndex', 0)">1#风机</div>
|
|
|
+ <div class="tab-item" :class="{ 'tab-item-active-r': dataMonitorRowIndex == 1 }"
|
|
|
+ @click="selectDevice('dataMonitorRowIndex', 1)">2#风机</div>
|
|
|
</div>
|
|
|
<div class="container-group container-group-l">
|
|
|
<template v-if="deviceType">
|
|
@@ -135,18 +118,18 @@
|
|
|
<div v-if="data.dataIndex.startsWith('Fan')">
|
|
|
<div class="item-value" v-if="dataMonitorRowIndex == 0">{{
|
|
|
selectData['Fan1StartStatus'] == '0' && globalConfig?.simulatedPassword
|
|
|
- ? '-'
|
|
|
- : selectData[data.dataIndex.replace('Fan', 'Fan1')]
|
|
|
- ? selectData[data.dataIndex.replace('Fan', 'Fan1')]
|
|
|
- : '-'
|
|
|
- }}</div>
|
|
|
+ ? '-'
|
|
|
+ : selectData[data.dataIndex.replace('Fan', 'Fan1')]
|
|
|
+ ? selectData[data.dataIndex.replace('Fan', 'Fan1')]
|
|
|
+ : '-'
|
|
|
+ }}</div>
|
|
|
<div class="item-value" v-if="dataMonitorRowIndex == 1">{{
|
|
|
selectData['Fan2StartStatus'] == '0' && globalConfig?.simulatedPassword
|
|
|
- ? '-'
|
|
|
- : selectData[data.dataIndex.replace('Fan', 'Fan2')]
|
|
|
- ? selectData[data.dataIndex.replace('Fan', 'Fan2')]
|
|
|
- : '-'
|
|
|
- }}</div>
|
|
|
+ ? '-'
|
|
|
+ : selectData[data.dataIndex.replace('Fan', 'Fan2')]
|
|
|
+ ? selectData[data.dataIndex.replace('Fan', 'Fan2')]
|
|
|
+ : '-'
|
|
|
+ }}</div>
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
<div class="item-value">{{ selectData[data.dataIndex] ? selectData[data.dataIndex] : '-' }}</div>
|
|
@@ -160,93 +143,86 @@
|
|
|
<div class="item-header">设备报警</div>
|
|
|
<div class="item-container">
|
|
|
<div class="tab">
|
|
|
- <div class="tab-item" :class="{ 'tab-item-active-r': warningMonitorRowIndex === 0 }" @click="selectDevice('warningMonitorRowIndex', 0)"
|
|
|
- >1#风机</div
|
|
|
- >
|
|
|
- <div class="tab-item" :class="{ 'tab-item-active-r': warningMonitorRowIndex === 1 }" @click="selectDevice('warningMonitorRowIndex', 1)"
|
|
|
- >2#风机</div
|
|
|
- >
|
|
|
+ <div class="tab-item" :class="{ 'tab-item-active-r': warningMonitorRowIndex === 0 }"
|
|
|
+ @click="selectDevice('warningMonitorRowIndex', 0)">1#风机</div>
|
|
|
+ <div class="tab-item" :class="{ 'tab-item-active-r': warningMonitorRowIndex === 1 }"
|
|
|
+ @click="selectDevice('warningMonitorRowIndex', 1)">2#风机</div>
|
|
|
</div>
|
|
|
<div class="container-group">
|
|
|
<div class="warning-header">
|
|
|
- <div class="header-item">
|
|
|
+ <!-- <div class="header-item">
|
|
|
<div class="header-title">报警总数</div>
|
|
|
<div class="header-value">0</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div class="header-item">
|
|
|
<div class="header-title"> 未处理数</div>
|
|
|
- <div class="header-value">0</div>
|
|
|
+ <div class="header-value">{{ selectData['warnLogNotOkCount'] }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="warning-group">
|
|
|
<template v-if="deviceType">
|
|
|
<div class="warning-item" v-for="(state, index) in rightColumns" :key="index">
|
|
|
- <div class="item-name"><div class="icon"></div> {{ state.title }}</div>
|
|
|
+ <div class="item-name">
|
|
|
+ <div class="icon"></div> {{ state.title }}
|
|
|
+ </div>
|
|
|
<div v-if="state.dataIndex.startsWith('Fan')">
|
|
|
<div class="signal-item" v-if="warningMonitorRowIndex == 0">
|
|
|
<template v-if="selectData['Fan1StartStatus'] == '0' && globalConfig?.simulatedPassword">
|
|
|
<div class="signal-round signal-round-gry"></div>
|
|
|
- <div class="vent-margin-l-8">无状态</div></template
|
|
|
- >
|
|
|
+ <div class="vent-margin-l-8">无状态</div>
|
|
|
+ </template>
|
|
|
<template v-else>
|
|
|
- <div
|
|
|
- class="signal-round"
|
|
|
- :class="{
|
|
|
+ <div class="signal-round" :class="{
|
|
|
'signal-round-run': selectData[state.dataIndex.replace('Fan', 'Fan1')] == '0',
|
|
|
'signal-round-warning':
|
|
|
selectData[state.dataIndex.replace('Fan', 'Fan1')] !== undefined &&
|
|
|
selectData[state.dataIndex.replace('Fan', 'Fan1')] == '1',
|
|
|
'signal-round-gry': selectData[state.dataIndex.replace('Fan', 'Fan1')] === undefined,
|
|
|
- }"
|
|
|
- ></div>
|
|
|
+ }"></div>
|
|
|
<div class="vent-margin-l-8">{{
|
|
|
selectData[state.dataIndex.replace('Fan', 'Fan1')] === undefined
|
|
|
- ? '无状态'
|
|
|
- : selectData[state.dataIndex.replace('Fan', 'Fan1')] == '0'
|
|
|
- ? '正常'
|
|
|
- : '异常'
|
|
|
- }}</div>
|
|
|
+ ? '无状态'
|
|
|
+ : selectData[state.dataIndex.replace('Fan', 'Fan1')] == '0'
|
|
|
+ ? '正常'
|
|
|
+ : '异常'
|
|
|
+ }}</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
<div class="signal-item" v-if="warningMonitorRowIndex == 1">
|
|
|
<template v-if="selectData['Fan2StartStatus'] == '0' && globalConfig?.simulatedPassword">
|
|
|
<div class="signal-round signal-round-gry"></div>
|
|
|
- <div class="vent-margin-l-8">无状态</div></template
|
|
|
- >
|
|
|
+ <div class="vent-margin-l-8">无状态</div>
|
|
|
+ </template>
|
|
|
<template v-else>
|
|
|
- <div
|
|
|
- class="signal-round"
|
|
|
- :class="{
|
|
|
+ <div class="signal-round" :class="{
|
|
|
'signal-round-run': selectData[state.dataIndex.replace('Fan', 'Fan2')] == '0',
|
|
|
'signal-round-warning':
|
|
|
selectData[state.dataIndex.replace('Fan', 'Fan2')] != undefined &&
|
|
|
selectData[state.dataIndex.replace('Fan', 'Fan2')] == '1',
|
|
|
'signal-round-gry': selectData[state.dataIndex.replace('Fan', 'Fan2')] == undefined,
|
|
|
- }"
|
|
|
- ></div>
|
|
|
+ }"></div>
|
|
|
<div class="vent-margin-l-8">{{
|
|
|
selectData[state.dataIndex.replace('Fan', 'Fan2')] == undefined
|
|
|
- ? '无状态'
|
|
|
- : selectData[state.dataIndex.replace('Fan', 'Fan2')] == '0'
|
|
|
- ? '正常'
|
|
|
- : '异常'
|
|
|
- }}</div>
|
|
|
+ ? '无状态'
|
|
|
+ : selectData[state.dataIndex.replace('Fan', 'Fan2')] == '0'
|
|
|
+ ? '正常'
|
|
|
+ : '异常'
|
|
|
+ }}</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
<div class="signal-item">
|
|
|
- <div
|
|
|
- class="signal-round vent-margin-l-8"
|
|
|
- :class="{
|
|
|
+ <div class="signal-round vent-margin-l-8" :class="{
|
|
|
'signal-round-run': selectData[state.dataIndex] == '0',
|
|
|
'signal-round-warning': selectData[state.dataIndex] !== undefined && selectData[state.dataIndex] == '1',
|
|
|
'signal-round-gry': selectData[state.dataIndex] === undefined,
|
|
|
- }"
|
|
|
- ></div>
|
|
|
+ }"></div>
|
|
|
<div class="vent-margin-l-8">{{
|
|
|
- selectData[state.dataIndex] === undefined ? '无状态' : selectData[state.dataIndex] == '0' ? '正常' : '异常'
|
|
|
- }}</div>
|
|
|
+ selectData[state.dataIndex] === undefined ? '无状态' : selectData[state.dataIndex] == '0' ? '正常' :
|
|
|
+ '异常'
|
|
|
+ }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -260,19 +236,14 @@
|
|
|
<dv-border-box8 :dur="5" :style="`padding: 5px; height: ${scroll.y + 120}px`">
|
|
|
<a-tabs class="tabs-box" v-model:activeKey="activeKey" @change="tabChange">
|
|
|
<a-tab-pane key="1" tab="实时监测">
|
|
|
- <GroupMonitorTable
|
|
|
- ref="MonitorDataTable"
|
|
|
- :dataSource="dataSource"
|
|
|
- columnsType="fanmain_monitor"
|
|
|
- @selectRow="getSelectRow"
|
|
|
- :scroll="{ y: scroll.y - (headElHeight - 56) }"
|
|
|
- :is-action="true"
|
|
|
- >
|
|
|
+ <GroupMonitorTable ref="MonitorDataTable" :dataSource="dataSource" columnsType="fanmain_monitor"
|
|
|
+ @selectRow="getSelectRow" :scroll="{ y: scroll.y - (headElHeight - 56) }" :is-action="true">
|
|
|
<template #bodyCell="{ column, record }">
|
|
|
<!-- <a-tag :color="record.netStatus == '0' ? '#f00' : 'green'">{{ record.netStatus == '1' ? '报警' : '正常' }}</a-tag> -->
|
|
|
</template>
|
|
|
<template #action="{ record }">
|
|
|
- <a v-if="globalConfig?.showReport" class="table-action-link" @click="deviceEdit($event, 'reportInfo', record)">报表录入</a>
|
|
|
+ <a v-if="globalConfig?.showReport" class="table-action-link"
|
|
|
+ @click="deviceEdit($event, 'reportInfo', record)">报表录入</a>
|
|
|
<a class="table-action-link" @click="deviceEdit($event, 'deviceInfo', record)">设备编辑</a>
|
|
|
</template>
|
|
|
</GroupMonitorTable>
|
|
@@ -288,10 +259,11 @@
|
|
|
<template #filterCell="{ column, record }">
|
|
|
<a-tag v-if="column.dataIndex === 'warnFlag'" :color="record.warnFlag == '0' ? 'green' : 'red'">{{
|
|
|
record.warnFlag == '0' ? '正常' : '报警'
|
|
|
- }}</a-tag>
|
|
|
- <a-tag v-if="column.dataIndex === 'netStatus'" :color="record.netStatus == '0' ? 'default' : 'green'">{{
|
|
|
+ }}</a-tag>
|
|
|
+ <a-tag v-if="column.dataIndex === 'netStatus'"
|
|
|
+ :color="record.netStatus == '0' ? 'default' : 'green'">{{
|
|
|
record.netStatus == '0' ? '断开' : '连接'
|
|
|
- }}</a-tag>
|
|
|
+ }}</a-tag>
|
|
|
<div v-if="record.nwindownum == 1 && column.dataIndex === 'rearArea'">/</div>
|
|
|
</template>
|
|
|
</HistoryTable>
|
|
@@ -299,41 +271,29 @@
|
|
|
</a-tab-pane>
|
|
|
<a-tab-pane key="4" tab="报警历史">
|
|
|
<div class="tab-item" v-if="activeKey === '4'">
|
|
|
- <AlarmHistoryTable columns-type="alarm" device-type="fanmain" designScope="alarm-history" :scroll="scroll" />
|
|
|
+ <AlarmHistoryTable columns-type="alarm" :device-type="deviceType" designScope="alarm-history"
|
|
|
+ :scroll="scroll" />
|
|
|
</div>
|
|
|
</a-tab-pane>
|
|
|
<a-tab-pane key="5" tab="操作历史">
|
|
|
<div v-if="hasPermission('show:handlerHistory') && activeKey == '5'" class="tab-item">
|
|
|
- <HandlerHistoryTable
|
|
|
- columns-type="operator_history"
|
|
|
- device-type="fanmain"
|
|
|
- :device-list-api="baseList"
|
|
|
- designScope="alarm-history"
|
|
|
- :scroll="scroll"
|
|
|
- />
|
|
|
+ <HandlerHistoryTable columns-type="operator_history" device-type="fanmain" :device-list-api="baseList"
|
|
|
+ designScope="alarm-history" :scroll="scroll" />
|
|
|
</div>
|
|
|
</a-tab-pane>
|
|
|
</a-tabs>
|
|
|
</dv-border-box8>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="z-index: -1; position: absolute; top: -100px; right: 10px; width: 300px; height: 280px; margin: auto" class="palyer">
|
|
|
+ <div style="z-index: -1; position: absolute; top: -100px; right: 10px; width: 300px; height: 280px; margin: auto"
|
|
|
+ class="palyer">
|
|
|
<LivePlayer id="main-player1" ref="player1" :videoUrl="flvURL1()" muted loop loading controls />
|
|
|
</div>
|
|
|
- <div
|
|
|
- ref="playerRef"
|
|
|
- style="z-index: 999; position: absolute; top: 100px; right: 15px; width: 100%; height: 100%; margin: auto; pointer-events: none"
|
|
|
- >
|
|
|
+ <div ref="playerRef"
|
|
|
+ style="z-index: 999; position: absolute; top: 100px; right: 15px; width: 100%; height: 100%; margin: auto; pointer-events: none">
|
|
|
</div>
|
|
|
- <a-modal
|
|
|
- v-model:visible="modalIsShow"
|
|
|
- :centered="true"
|
|
|
- :maskClosable="false"
|
|
|
- :title="modalTitle"
|
|
|
- @ok="handleOk"
|
|
|
- @cancel="handleCancel"
|
|
|
- :destroyOnClose="true"
|
|
|
- >
|
|
|
+ <a-modal v-model:visible="modalIsShow" :centered="true" :maskClosable="false" :title="modalTitle" @ok="handleOk"
|
|
|
+ @cancel="handleCancel" :destroyOnClose="true">
|
|
|
<template #footer v-if="modalType == 'fbm'">
|
|
|
<a-button key="back" @click="handleCancel">取消</a-button>
|
|
|
</template>
|
|
@@ -388,20 +348,24 @@
|
|
|
<div class="vent-margin-t-20">
|
|
|
<span class="data-title vent-margin-r-8">反风锁紧状态:</span>
|
|
|
<template
|
|
|
- v-if="selectData['Lock1Open'] == 1 && selectData['Lock1Close'] == 0 && selectData['Lock2Open'] == 1 && selectData['Lock2Close'] == 0"
|
|
|
- >
|
|
|
- <span class="data-title vent-margin-l-10"><span class="signal-round signal-round-blue vent-margin-r-8"></span>锁1开到位</span>
|
|
|
- <span class="data-title vent-margin-l-20"><span class="signal-round signal-round-blue vent-margin-r-8"></span>锁2开到位</span>
|
|
|
+ v-if="selectData['Lock1Open'] == 1 && selectData['Lock1Close'] == 0 && selectData['Lock2Open'] == 1 && selectData['Lock2Close'] == 0">
|
|
|
+ <span class="data-title vent-margin-l-10"><span
|
|
|
+ class="signal-round signal-round-blue vent-margin-r-8"></span>锁1开到位</span>
|
|
|
+ <span class="data-title vent-margin-l-20"><span
|
|
|
+ class="signal-round signal-round-blue vent-margin-r-8"></span>锁2开到位</span>
|
|
|
</template>
|
|
|
<template
|
|
|
- v-else-if="selectData['Lock1Open'] == 0 && selectData['Lock1Close'] == 1 && selectData['Lock2Open'] == 0 && selectData[' '] == 1"
|
|
|
- >
|
|
|
- <span class="data-title vent-margin-l-10"><span class="signal-round signal-round-gry vent-margin-r-8"></span>锁1关到位</span>
|
|
|
- <span class="data-title vent-margin-l-20"><span class="signal-round signal-round-gry vent-margin-r-8"></span>锁2关到位</span>
|
|
|
+ v-else-if="selectData['Lock1Open'] == 0 && selectData['Lock1Close'] == 1 && selectData['Lock2Open'] == 0 && selectData[' '] == 1">
|
|
|
+ <span class="data-title vent-margin-l-10"><span
|
|
|
+ class="signal-round signal-round-gry vent-margin-r-8"></span>锁1关到位</span>
|
|
|
+ <span class="data-title vent-margin-l-20"><span
|
|
|
+ class="signal-round signal-round-gry vent-margin-r-8"></span>锁2关到位</span>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <span class="data-title vent-margin-l-10"><span class="signal-round signal-round-gry vent-margin-r-8"></span>锁1-</span>
|
|
|
- <span class="data-title vent-margin-l-20"><span class="signal-round signal-round-gry vent-margin-r-8"></span>锁2-</span>
|
|
|
+ <span class="data-title vent-margin-l-10"><span
|
|
|
+ class="signal-round signal-round-gry vent-margin-r-8"></span>锁1-</span>
|
|
|
+ <span class="data-title vent-margin-l-20"><span
|
|
|
+ class="signal-round signal-round-gry vent-margin-r-8"></span>锁2-</span>
|
|
|
</template>
|
|
|
</div>
|
|
|
<div class="vent-flex-row btn-box vent-margin-t-20">
|
|
@@ -411,9 +375,8 @@
|
|
|
<span class="btn btn2" @click="handleOk('closeLock')">关锁</span>
|
|
|
</div>
|
|
|
<!-- <a-switch v-if="fbmControlData.CtrlLockOpen !== undefined" style="margin-left: 5px;" v-model:checked="fbmControlData.CtrlLockOpen" checked-children="开锁" un-checked-children="关锁" /> -->
|
|
|
- <div v-else class="vent-margin-l-10"
|
|
|
- ><span class="signal-round signal-round-warning vent-margin-r-8"></span>反风锁紧正在运行 或 数据异常</div
|
|
|
- >
|
|
|
+ <div v-else class="vent-margin-l-10"><span
|
|
|
+ class="signal-round signal-round-warning vent-margin-r-8"></span>反风锁紧正在运行 或 数据异常</div>
|
|
|
</div>
|
|
|
<div class="vent-flex-row btn-box vent-margin-t-20">
|
|
|
<span class="data-title vent-margin-r-8">防爆门扇控制:</span>
|
|
@@ -422,7 +385,8 @@
|
|
|
<span class="btn btn2" @click="handleOk('closeGate')">关门</span>
|
|
|
</div>
|
|
|
<!-- <a-switch v-if="fbmControlData.CtrlExplosionVentOpen !== undefined" style="margin-left: 5px;" v-model:checked="fbmControlData.CtrlExplosionVentOpen" checked-children="开门" un-checked-children="关门" /> -->
|
|
|
- <div class="vent-margin-l-10" v-else><span class="signal-round signal-round-warning vent-margin-r-8"></span>防爆门正在运行 或 数据异常</div>
|
|
|
+ <div class="vent-margin-l-10" v-else><span
|
|
|
+ class="signal-round signal-round-warning vent-margin-r-8"></span>防爆门正在运行 或 数据异常</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -1275,15 +1239,17 @@
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- margin: 5px 10px;
|
|
|
- justify-content: center;
|
|
|
+ margin: 2px 10px;
|
|
|
+ justify-content: space-between;
|
|
|
align-items: center;
|
|
|
.header-title {
|
|
|
color: #39e7fe;
|
|
|
}
|
|
|
.header-value {
|
|
|
- width: 133px;
|
|
|
+ // width: 26px;
|
|
|
+ position: relative;
|
|
|
height: 56px;
|
|
|
+ padding-left: 5px;
|
|
|
font-weight: 600;
|
|
|
font-family: 'douyuFont';
|
|
|
font-size: 16px;
|
|
@@ -1291,7 +1257,13 @@
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- background: url('/@/assets/images/vent/count-header-bg.png') no-repeat;
|
|
|
+ // &::before {
|
|
|
+ // content: '';
|
|
|
+ // position: absolute;
|
|
|
+ // width: 26px;
|
|
|
+ // height: 56px;
|
|
|
+ // background: url('/@/assets/images/vent/count-header-bg.png') no-repeat;
|
|
|
+ // }
|
|
|
}
|
|
|
}
|
|
|
}
|