Commit 0b95d873 authored by sxl's avatar sxl 💬

feat: 更新通风系统与人员超员配置

parent 4bc85e67
...@@ -26,5 +26,11 @@ export function editFengjiStatus(data) { ...@@ -26,5 +26,11 @@ export function editFengjiStatus(data) {
data data
}) })
} }
// 风门数据
export function fengmengQuery(query) {
return request({
url: '/business/chuang/list',
method: 'get',
data: query
})
}
...@@ -242,9 +242,9 @@ export const CAMERA_POSITIONS = [ ...@@ -242,9 +242,9 @@ export const CAMERA_POSITIONS = [
{ status: 1, x: 160, y: 423, name: '三中风机' }, { status: 1, x: 160, y: 423, name: '三中风机' },
{ status: 1, x: 130, y: 555, name: '四中车场' }, { status: 1, x: 130, y: 555, name: '四中车场' },
{ status: 1, x: 160, y: 560, name: '四中避硐室' }, { status: 1, x: 160, y: 560, name: '四中避硐室' },
{ status: 1, x: 180, y: 565, name: '四中码头门' }, { status: 1, x: 75, y: 547, name: '四中码头门' },
{ status: 1, x: 80, y: 690, name: '五中车场' }, { status: 1, x: 80, y: 690, name: '五中车场' },
{ status: 1, x: 133, y: 694, name: '五中码头门' }, { status: 1, x: 55, y: 688, name: '五中码头门' },
{ status: 1, x: 200, y: 710, name: '五中避硐室' }, { status: 1, x: 200, y: 710, name: '五中避硐室' },
{ status: 1, x: 230, y: 714, name: '五中水泵房1' }, { status: 1, x: 100, y: 707, name: '五中水泵房1' },
] ]
\ No newline at end of file
...@@ -11,75 +11,31 @@ ...@@ -11,75 +11,31 @@
> >
<div class="fengji-title">一中23线主风机</div> <div class="fengji-title">一中23线主风机</div>
<div class="fengji-content"> <div class="fengji-content">
<img <img src="../../../assets/images/screen/tfxt/device1.png" alt="" srcset="" />
src="../../../assets/images/screen/tfxt/device1.png"
alt=""
srcset=""
/>
<div class="fengji-control"> <div class="fengji-control">
<div <div class="fengji-icon" :class="fengjiIconClass[Number(item.fanRunStatus)]"></div>
class="fengji-icon" <div class="fengji-lamp" :class="item.fanIsRun != 0 ? 'active' : ':'">
:class="fengjiIconClass[Number(item.fanRunStatus)]"
></div>
<div
class="fengji-lamp"
:class="item.fanIsRun != 0 ? 'active' : ':'"
>
<div class="fault-tip" v-show="item.fanIsRun != 0"> <div class="fault-tip" v-show="item.fanIsRun != 0">
{{ item.fanIsRun == 1 ? "风机故障" : "变频器故障" }} {{ item.fanIsRun == 1 ? '风机故障' : '变频器故障' }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="fengji-button active" v-if="item.isBoolean == 0"> <div class="fengji-button active" v-if="item.isBoolean == 0">本地控制</div>
本地控制 <div class="fengji-button" v-if="item.isBoolean == 1" @click="remoteControl(item)">远程控制</div>
</div>
<div
class="fengji-button"
v-if="item.isBoolean == 1"
@click="remoteControl(item)"
>
远程控制
</div>
<div class="fengji-msg"> <div class="fengji-msg">
<p> <p><span>电源电压</span>{{ item.powerSupplyVoltage | decimalFilter }}V</p>
<span>电源电压</span>{{
item.powerSupplyVoltage | decimalFilter
}}V
</p>
<p><span>电机电流</span>{{ item.motorCurrent | decimalFilter }}A</p> <p><span>电机电流</span>{{ item.motorCurrent | decimalFilter }}A</p>
<p> <p><span>运行频率</span>{{ item.operatingFrequency | decimalFilter }}HZ</p>
<span>运行频率</span>{{ <p><span>设定频率</span>{{ item.setFrequency | decimalFilter }}HZ</p>
item.operatingFrequency | decimalFilter
}}HZ
</p>
<p>
<span>设定频率</span>{{ item.setFrequency | decimalFilter }}HZ
</p>
<p><span>风压</span>{{ item.windPressure | decimalFilter }}KPa</p> <p><span>风压</span>{{ item.windPressure | decimalFilter }}KPa</p>
<p><span>风速</span>{{ item.windSpeed | decimalFilter }}m/s</p> <p><span>风速</span>{{ item.windSpeed | decimalFilter }}m/s</p>
<p><span>风量</span>{{ item.airVolume | decimalFilter }}m³/s</p> <p><span>风量</span>{{ item.airVolume | decimalFilter }}m³/s</p>
<p> <p><span>电机温度</span>{{ item.frontAxisTemperature | decimalFilter }}</p>
<span>电机温度</span>{{ <p><span>电机温度</span>{{ item.rearAxisTemperature | decimalFilter }}</p>
item.frontAxisTemperature | decimalFilter <p><span>环境温度</span>{{ item.motorTemperature | decimalFilter }}</p>
}} <p><span>电机振动1</span>{{ item.frontVibration | decimalFilter }}mm/s</p>
</p> <p><span>电机振动2</span>{{ item.rearVibration | decimalFilter }}mm/s</p>
<p>
<span>电机温度</span>{{
item.rearAxisTemperature | decimalFilter
}}
</p>
<p>
<span>环境温度</span>{{ item.motorTemperature | decimalFilter }}
</p>
<p>
<span>电机振动1</span>{{
item.frontVibration | decimalFilter
}}mm/s
</p>
<p>
<span>电机振动2</span>{{ item.rearVibration | decimalFilter }}mm/s
</p>
</div> </div>
</div> </div>
<div class="arrow-psition" style="top: 132px; left: 300px"> <div class="arrow-psition" style="top: 132px; left: 300px">
...@@ -98,36 +54,18 @@ ...@@ -98,36 +54,18 @@
> >
<div class="fengji-title">一中辅扇风机</div> <div class="fengji-title">一中辅扇风机</div>
<div class="fengji-content"> <div class="fengji-content">
<img <img src="../../../assets/images/screen/tfxt/device1.png" alt="" srcset="" />
src="../../../assets/images/screen/tfxt/device1.png"
alt=""
srcset=""
/>
<div class="fengji-control"> <div class="fengji-control">
<div <div class="fengji-icon" :class="fengjiIconClass[Number(item.fanRunStatus)]"></div>
class="fengji-icon" <div class="fengji-lamp" :class="item.fanIsRun != 0 ? 'active' : ':'">
:class="fengjiIconClass[Number(item.fanRunStatus)]"
></div>
<div
class="fengji-lamp"
:class="item.fanIsRun != 0 ? 'active' : ':'"
>
<div class="fault-tip" v-show="item.fanIsRun != 0"> <div class="fault-tip" v-show="item.fanIsRun != 0">
{{ item.fanIsRun == 1 ? "风机故障" : "变频器故障" }} {{ item.fanIsRun == 1 ? '风机故障' : '变频器故障' }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="fengji-button active" v-if="item.isBoolean == 0"> <div class="fengji-button active" v-if="item.isBoolean == 0">本地控制</div>
本地控制 <div class="fengji-button" v-if="item.isBoolean == 1" @click="remoteControl(item)">远程控制</div>
</div>
<div
class="fengji-button"
v-if="item.isBoolean == 1"
@click="remoteControl(item)"
>
远程控制
</div>
<div class="fengji-msg msg-postion"> <div class="fengji-msg msg-postion">
<p>电源电压:{{ item.powerSupplyVoltage | decimalFilter }}V</p> <p>电源电压:{{ item.powerSupplyVoltage | decimalFilter }}V</p>
<p>电机电流:{{ item.motorCurrent | decimalFilter }}A</p> <p>电机电流:{{ item.motorCurrent | decimalFilter }}A</p>
...@@ -163,88 +101,33 @@ ...@@ -163,88 +101,33 @@
<div class="fengji-title" style="margin-left: 50px">东风井主风机</div> <div class="fengji-title" style="margin-left: 50px">东风井主风机</div>
<div class="fengji-content"> <div class="fengji-content">
<div class="fengji-control"> <div class="fengji-control">
<div <div class="fengji-icon" :class="fengjiIconClass[Number(item.fanRunStatus)]"></div>
class="fengji-icon" <div class="fengji-lamp" :class="item.fanIsRun != 0 ? 'active' : ':'">
:class="fengjiIconClass[Number(item.fanRunStatus)]" <div class="fault-tip" v-show="item.fanIsRun != 0" style="top: 5px; left: -141px">
></div> {{ item.fanIsRun == 1 ? '风机故障' : '变频器故障' }}
<div
class="fengji-lamp"
:class="item.fanIsRun != 0 ? 'active' : ':'"
>
<div
class="fault-tip"
v-show="item.fanIsRun != 0"
style="top: 5px; left: -141px"
>
{{ item.fanIsRun == 1 ? "风机故障" : "变频器故障" }}
</div> </div>
</div> </div>
</div> </div>
<img <img src="../../../assets/images/screen/tfxt/device1.png" alt="" srcset="" />
src="../../../assets/images/screen/tfxt/device1.png"
alt=""
srcset=""
/>
</div> </div>
<div <div class="fengji-button active" v-if="item.isBoolean == 0" style="margin-left: 50px">本地控制</div>
class="fengji-button active" <div class="fengji-button" v-if="item.isBoolean == 1" style="margin-left: 50px" @click="remoteControl(item)">
v-if="item.isBoolean == 0"
style="margin-left: 50px"
>
本地控制
</div>
<div
class="fengji-button"
v-if="item.isBoolean == 1"
style="margin-left: 50px"
@click="remoteControl(item)"
>
远程控制 远程控制
</div> </div>
<div class="fengji-msg" style="position: absolute; right: -30px"> <div class="fengji-msg" style="position: absolute; right: -30px">
<p> <p><span>电源电压</span>{{ item.powerSupplyVoltage | decimalFilter }}V</p>
<span>电源电压</span>{{ <p><span>电机电流1</span>{{ item.motorCurrent | decimalFilter }}A</p>
item.powerSupplyVoltage | decimalFilter <p><span>电机电流2</span>{{ item.motorCurrentTwo | decimalFilter }}A</p>
}}V <p><span>运行频率</span>{{ item.operatingFrequency | decimalFilter }}HZ</p>
</p> <p><span>设定频率</span>{{ item.setFrequency | decimalFilter }}HZ</p>
<p>
<span>电机电流1</span>{{ item.motorCurrent | decimalFilter }}A
</p>
<p>
<span>电机电流2</span>{{ item.motorCurrentTwo | decimalFilter }}A
</p>
<p>
<span>运行频率</span>{{
item.operatingFrequency | decimalFilter
}}HZ
</p>
<p>
<span>设定频率</span>{{ item.setFrequency | decimalFilter }}HZ
</p>
<p><span>风压</span>{{ item.windPressure | decimalFilter }}KPa</p> <p><span>风压</span>{{ item.windPressure | decimalFilter }}KPa</p>
<p><span>风速</span>{{ item.windSpeed | decimalFilter }}m/s</p> <p><span>风速</span>{{ item.windSpeed | decimalFilter }}m/s</p>
<p><span>风量</span>{{ item.airVolume | decimalFilter }}m³/s</p> <p><span>风量</span>{{ item.airVolume | decimalFilter }}m³/s</p>
<p> <p><span>电机温度</span>{{ item.frontAxisTemperature | decimalFilter }}</p>
<span>电机温度</span>{{ <p><span>电机温度</span>{{ item.rearAxisTemperature | decimalFilter }}</p>
item.frontAxisTemperature | decimalFilter <p><span>环境温度</span>{{ item.motorTemperature | decimalFilter }}</p>
}} <p><span>电机振动1</span>{{ item.frontVibration | decimalFilter }}mm/s</p>
</p> <p><span>电机振动2</span>{{ item.rearVibration | decimalFilter }}mm/s</p>
<p>
<span>电机温度</span>{{
item.rearAxisTemperature | decimalFilter
}}
</p>
<p>
<span>环境温度</span>{{ item.motorTemperature | decimalFilter }}
</p>
<p>
<span>电机振动1</span>{{
item.frontVibration | decimalFilter
}}mm/s
</p>
<p>
<span>电机振动2</span>{{ item.rearVibration | decimalFilter }}mm/s
</p>
</div> </div>
</div> </div>
<div class="arrow-psition" style="top: 302px; left: 558px"> <div class="arrow-psition" style="top: 302px; left: 558px">
...@@ -275,8 +158,7 @@ ...@@ -275,8 +158,7 @@
<div class="fengmen-title">二中风门</div> <div class="fengmen-title">二中风门</div>
<div class="fengmen-icon close"></div> <div class="fengmen-icon close"></div>
<div class="fengmen-text"> <div class="fengmen-text">
<p>流量:0m³</p> <p v-for="item in fmList" :key="item.id">{{ item.fname + '' + item.data + item.danwei }}</p>
<p>流速:0m³/s</p>
</div> </div>
</div> </div>
<!--二中辅扇风机dom--> <!--二中辅扇风机dom-->
...@@ -290,48 +172,20 @@ ...@@ -290,48 +172,20 @@
<div class="fengji-title" style="margin-left: 50px">二中辅扇风机</div> <div class="fengji-title" style="margin-left: 50px">二中辅扇风机</div>
<div class="fengji-content"> <div class="fengji-content">
<div class="fengji-control"> <div class="fengji-control">
<div <div class="fengji-icon" :class="fengjiIconClass[Number(item.fanRunStatus)]"></div>
class="fengji-icon" <div class="fengji-lamp" :class="item.fanIsRun != 0 ? 'active' : ':'">
:class="fengjiIconClass[Number(item.fanRunStatus)]" <div class="fault-tip" v-show="item.fanIsRun != 0" style="top: 5px; left: -141px">
></div> {{ item.fanIsRun == 1 ? '风机故障' : '变频器故障' }}
<div
class="fengji-lamp"
:class="item.fanIsRun != 0 ? 'active' : ':'"
>
<div
class="fault-tip"
v-show="item.fanIsRun != 0"
style="top: 5px; left: -141px"
>
{{ item.fanIsRun == 1 ? "风机故障" : "变频器故障" }}
</div> </div>
</div> </div>
</div> </div>
<img <img src="../../../assets/images/screen/tfxt/device1.png" alt="" srcset="" />
src="../../../assets/images/screen/tfxt/device1.png"
alt=""
srcset=""
/>
</div>
<div
class="fengji-button active"
v-if="item.isBoolean == 0"
style="margin-left: 55px"
>
本地控制
</div> </div>
<div <div class="fengji-button active" v-if="item.isBoolean == 0" style="margin-left: 55px">本地控制</div>
class="fengji-button" <div class="fengji-button" v-if="item.isBoolean == 1" style="margin-left: 55px" @click="remoteControl(item)">
v-if="item.isBoolean == 1"
style="margin-left: 55px"
@click="remoteControl(item)"
>
远程控制 远程控制
</div> </div>
<div <div class="fengji-msg" style="position: absolute; right: -180px; top: 20px">
class="fengji-msg"
style="position: absolute; right: -180px; top: 20px"
>
<p>电源电压:{{ item.powerSupplyVoltage | decimalFilter }}V</p> <p>电源电压:{{ item.powerSupplyVoltage | decimalFilter }}V</p>
<p>电机电流:{{ item.motorCurrent | decimalFilter }}A</p> <p>电机电流:{{ item.motorCurrent | decimalFilter }}A</p>
<p>运行频率:{{ item.operatingFrequency | decimalFilter }}HZ</p> <p>运行频率:{{ item.operatingFrequency | decimalFilter }}HZ</p>
...@@ -363,36 +217,18 @@ ...@@ -363,36 +217,18 @@
> >
<div class="fengji-title">三中辅扇风机</div> <div class="fengji-title">三中辅扇风机</div>
<div class="fengji-content"> <div class="fengji-content">
<img <img src="../../../assets/images/screen/tfxt/device1.png" alt="" srcset="" />
src="../../../assets/images/screen/tfxt/device1.png"
alt=""
srcset=""
/>
<div class="fengji-control"> <div class="fengji-control">
<div <div class="fengji-icon" :class="fengjiIconClass[Number(item.fanRunStatus)]"></div>
class="fengji-icon" <div class="fengji-lamp" :class="item.fanIsRun != 0 ? 'active' : ':'">
:class="fengjiIconClass[Number(item.fanRunStatus)]"
></div>
<div
class="fengji-lamp"
:class="item.fanIsRun != 0 ? 'active' : ':'"
>
<div class="fault-tip" v-show="item.fanIsRun != 0"> <div class="fault-tip" v-show="item.fanIsRun != 0">
{{ item.fanIsRun == 1 ? "风机故障" : "变频器故障" }} {{ item.fanIsRun == 1 ? '风机故障' : '变频器故障' }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="fengji-button active" v-if="item.isBoolean == 0"> <div class="fengji-button active" v-if="item.isBoolean == 0">本地控制</div>
本地控制 <div class="fengji-button" v-if="item.isBoolean == 1" @click="remoteControl(item)">远程控制</div>
</div>
<div
class="fengji-button"
v-if="item.isBoolean == 1"
@click="remoteControl(item)"
>
远程控制
</div>
<div class="fengji-msg msg-postion"> <div class="fengji-msg msg-postion">
<p>电源电压:{{ item.powerSupplyVoltage | decimalFilter }}V</p> <p>电源电压:{{ item.powerSupplyVoltage | decimalFilter }}V</p>
<p>电机电流:{{ item.motorCurrent | decimalFilter }}A</p> <p>电机电流:{{ item.motorCurrent | decimalFilter }}A</p>
...@@ -411,48 +247,20 @@ ...@@ -411,48 +247,20 @@
<div class="fengji-title" style="margin-left: 50px">四中辅扇风机</div> <div class="fengji-title" style="margin-left: 50px">四中辅扇风机</div>
<div class="fengji-content"> <div class="fengji-content">
<div class="fengji-control"> <div class="fengji-control">
<div <div class="fengji-icon" :class="fengjiIconClass[Number(item.fanRunStatus)]"></div>
class="fengji-icon" <div class="fengji-lamp" :class="item.fanIsRun != 0 ? 'active' : ':'">
:class="fengjiIconClass[Number(item.fanRunStatus)]" <div class="fault-tip" v-show="item.fanIsRun != 0" style="top: 5px; left: -141px">
></div> {{ item.fanIsRun == 1 ? '风机故障' : '变频器故障' }}
<div
class="fengji-lamp"
:class="item.fanIsRun != 0 ? 'active' : ':'"
>
<div
class="fault-tip"
v-show="item.fanIsRun != 0"
style="top: 5px; left: -141px"
>
{{ item.fanIsRun == 1 ? "风机故障" : "变频器故障" }}
</div> </div>
</div> </div>
</div> </div>
<img <img src="../../../assets/images/screen/tfxt/device1.png" alt="" srcset="" />
src="../../../assets/images/screen/tfxt/device1.png"
alt=""
srcset=""
/>
</div> </div>
<div <div class="fengji-button active" v-if="item.isBoolean == 0" style="margin-left: 55px">本地控制</div>
class="fengji-button active" <div class="fengji-button" v-if="item.isBoolean == 1" style="margin-left: 55px" @click="remoteControl(item)">
v-if="item.isBoolean == 0"
style="margin-left: 55px"
>
本地控制
</div>
<div
class="fengji-button"
v-if="item.isBoolean == 1"
style="margin-left: 55px"
@click="remoteControl(item)"
>
远程控制 远程控制
</div> </div>
<div <div class="fengji-msg" style="position: absolute; right: -180px; top: 20px">
class="fengji-msg"
style="position: absolute; right: -180px; top: 20px"
>
<p>电源电压:{{ item.powerSupplyVoltage | decimalFilter }}V</p> <p>电源电压:{{ item.powerSupplyVoltage | decimalFilter }}V</p>
<p>电机电流:{{ item.motorCurrent | decimalFilter }}A</p> <p>电机电流:{{ item.motorCurrent | decimalFilter }}A</p>
<p>运行频率:{{ item.operatingFrequency | decimalFilter }}HZ</p> <p>运行频率:{{ item.operatingFrequency | decimalFilter }}HZ</p>
...@@ -481,36 +289,18 @@ ...@@ -481,36 +289,18 @@
> >
<div class="fengji-title">五中辅扇风机</div> <div class="fengji-title">五中辅扇风机</div>
<div class="fengji-content"> <div class="fengji-content">
<img <img src="../../../assets/images/screen/tfxt/device1.png" alt="" srcset="" />
src="../../../assets/images/screen/tfxt/device1.png"
alt=""
srcset=""
/>
<div class="fengji-control"> <div class="fengji-control">
<div <div class="fengji-icon" :class="fengjiIconClass[Number(item.fanRunStatus)]"></div>
class="fengji-icon" <div class="fengji-lamp" :class="item.fanIsRun != 0 ? 'active' : ':'">
:class="fengjiIconClass[Number(item.fanRunStatus)]"
></div>
<div
class="fengji-lamp"
:class="item.fanIsRun != 0 ? 'active' : ':'"
>
<div class="fault-tip" v-show="item.fanIsRun != 0"> <div class="fault-tip" v-show="item.fanIsRun != 0">
{{ item.fanIsRun == 1 ? "风机故障" : "变频器故障" }} {{ item.fanIsRun == 1 ? '风机故障' : '变频器故障' }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="fengji-button active" v-if="item.isBoolean == 0"> <div class="fengji-button active" v-if="item.isBoolean == 0">本地控制</div>
本地控制 <div class="fengji-button" v-if="item.isBoolean == 1" @click="remoteControl(item)">远程控制</div>
</div>
<div
class="fengji-button"
v-if="item.isBoolean == 1"
@click="remoteControl(item)"
>
远程控制
</div>
<div class="fengji-msg msg-postion"> <div class="fengji-msg msg-postion">
<p>电源电压:{{ item.powerSupplyVoltage | decimalFilter }}V</p> <p>电源电压:{{ item.powerSupplyVoltage | decimalFilter }}V</p>
<p>电机电流:{{ item.motorCurrent | decimalFilter }}A</p> <p>电机电流:{{ item.motorCurrent | decimalFilter }}A</p>
...@@ -530,8 +320,8 @@ ...@@ -530,8 +320,8 @@
<div <div
class="but-box" class="but-box"
@click=" @click="
currentDevice.status = 1; currentDevice.status = 1
showPas = false; showPas = false
" "
> >
风机正向启动 风机正向启动
...@@ -539,8 +329,8 @@ ...@@ -539,8 +329,8 @@
<div <div
class="but-box" class="but-box"
@click=" @click="
currentDevice.status = 2; currentDevice.status = 2
showPas = false; showPas = false
" "
> >
风机反向启动 风机反向启动
...@@ -548,8 +338,8 @@ ...@@ -548,8 +338,8 @@
<div <div
class="but-box" class="but-box"
@click=" @click="
currentDevice.status = 3; currentDevice.status = 3
showPas = false; showPas = false
" "
> >
风机停止运行 风机停止运行
...@@ -557,8 +347,8 @@ ...@@ -557,8 +347,8 @@
<div <div
class="but-box" class="but-box"
@click=" @click="
currentDevice.status = 4; currentDevice.status = 4
showPas = false; showPas = false
" "
> >
风机故障复位 风机故障复位
...@@ -585,137 +375,137 @@ ...@@ -585,137 +375,137 @@
</template> </template>
<script> <script>
import { import { fenshanQuery, kongyajiQuery, fengmengQuery, editFengjiStatus } from '@/api/tyler/tfxt'
fenshanQuery, import { updatePumpSwitch } from '@/api/tyler/psxt.js'
kongyajiQuery,
editFengjiStatus,
} from "@/api/tyler/tfxt";
import { updatePumpSwitch } from "@/api/tyler/psxt.js";
export default { export default {
name: "", name: '',
props: {}, props: {},
components: {}, components: {},
data() { data() {
return { return {
fengjiList: [], fengjiList: [],
kyList: [], kyList: [],
fmList: [],
upWindowShow: false, upWindowShow: false,
windowTitle: "", // 新增标题字段 windowTitle: '', // 新增标题字段
currentDevice: { currentDevice: {
id: "", id: '',
status: "", status: '',
}, // 新增当前设备字段 }, // 新增当前设备字段
timer: null, // 新增定时器引用 timer: null, // 新增定时器引用
exampleWindow: false, exampleWindow: false,
fengjiIconClass: { fengjiIconClass: {
1: "runing", 1: 'runing',
2: "runingopps", 2: 'runingopps',
3: "", 3: '',
}, },
password: "", password: '',
pumpPassword: "", pumpPassword: '',
showPas: true, showPas: true,
}; }
}, },
computed: {}, computed: {},
watch: {}, watch: {},
created() { created() {
this.getData(); this.getData()
}, },
mounted() { mounted() {
// 初始化定时器 // 初始化定时器
this.timer = setInterval(() => { this.timer = setInterval(() => {
this.getData(); this.getData()
}, 10000); }, 10000)
}, },
methods: { methods: {
//提交水泵密码 //提交水泵密码
submitPumpPassword() { submitPumpPassword() {
console.log(this.currentDevice); console.log(this.currentDevice)
let password = this.password; let password = this.password
if (!password) { if (!password) {
return this.$modal.msgError("请输入密码"); return this.$modal.msgError('请输入密码')
} }
updatePumpSwitch({ updatePumpSwitch({
deviceId: this.currentDevice.deviceId, deviceId: this.currentDevice.deviceId,
password, password,
status: this.currentDevice.status, status: this.currentDevice.status,
}).then((res) => { }).then(res => {
if (res.code === 200) { if (res.code === 200) {
this.upWindowShow = false; this.upWindowShow = false
this.password = ""; this.password = ''
this.$modal.msgSuccess(res.msg); this.$modal.msgSuccess(res.msg)
this.initPumpList(); this.initPumpList()
} else { } else {
this.$modal.msgError(res.msg); this.$modal.msgError(res.msg)
} }
}); })
}, },
getData() { getData() {
fenshanQuery().then((res) => { fenshanQuery().then(res => {
if (res.code == 200) { if (res.code == 200) {
this.fengjiList = res.rows; this.fengjiList = res.rows
} }
}); })
kongyajiQuery().then((res) => { kongyajiQuery().then(res => {
if (res.code == 200) { if (res.code == 200) {
this.kyList = res.rows; this.kyList = res.rows
} }
}); })
fengmengQuery().then(res => {
if (res.code == 200) {
this.fmList = res.rows
}
})
}, },
remoteControl(item) { remoteControl(item) {
console.log(item); console.log(item)
this.upWindowShow = true; this.upWindowShow = true
this.windowTitle = `${item.deviceName}远程操作`; // 直接设置数据 this.windowTitle = `${item.deviceName}远程操作` // 直接设置数据
this.currentDevice = item; // 保存当前设备信息 this.currentDevice = item // 保存当前设备信息
}, },
submitPumpSetting(status) { submitPumpSetting(status) {
const param = { const param = {
devicesId: this.currentDevice.deviceId, devicesId: this.currentDevice.deviceId,
devicesType: 1, devicesType: 1,
devicesStatus: status, devicesStatus: status,
}; }
// 提交时使用 this.currentDevice 获取设备信息 // 提交时使用 this.currentDevice 获取设备信息
editFengjiStatus(param).then((res) => { editFengjiStatus(param).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.upWindowShow = false; this.upWindowShow = false
this.getData(); this.getData()
this.$message({ this.$message({
message: "操作成功", message: '操作成功',
type: "success", type: 'success',
}); })
} else { } else {
this.$message({ this.$message({
message: "操作失败", message: '操作失败',
type: "error", type: 'error',
}); })
} }
}); })
}, },
}, },
filters: { filters: {
decimalFilter(value) { decimalFilter(value) {
return value === null || typeof value === "undefined" return value === null || typeof value === 'undefined' ? '--' : Number(value).toFixed(2)
? "--"
: Number(value).toFixed(2);
}, },
}, },
beforeDestroy() { beforeDestroy() {
// 组件销毁前清除定时器 // 组件销毁前清除定时器
if (this.timer) { if (this.timer) {
clearInterval(this.timer); clearInterval(this.timer)
this.timer = null; this.timer = null
} }
}, },
}; }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.main-content { .main-content {
background: url("~@/assets/images/screen/tfxt/bg.png") no-repeat center; background: url('~@/assets/images/screen/tfxt/bg.png') no-repeat center;
padding-top: 100px; padding-top: 100px;
pointer-events: auto; pointer-events: auto;
position: relative; position: relative;
...@@ -723,10 +513,10 @@ export default { ...@@ -723,10 +513,10 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
background: url("~@/assets/images/screen/tfxt/line.png") no-repeat center; background: url('~@/assets/images/screen/tfxt/line.png') no-repeat center;
background-size: 90% 95%; background-size: 90% 95%;
background-position-x: 50px; background-position-x: 50px;
font-family: "fangsong"; font-family: 'fangsong';
pointer-events: auto; pointer-events: auto;
.fengji { .fengji {
...@@ -740,8 +530,7 @@ export default { ...@@ -740,8 +530,7 @@ export default {
color: #ffd200; color: #ffd200;
line-height: 30px; line-height: 30px;
margin: 0; margin: 0;
background: url("~@/assets/images/screen/tfxt/fengjititle.png") background: url('~@/assets/images/screen/tfxt/fengjititle.png') no-repeat center;
no-repeat center;
text-align: center; text-align: center;
width: 150px; width: 150px;
} }
...@@ -757,8 +546,7 @@ export default { ...@@ -757,8 +546,7 @@ export default {
.fengji-icon { .fengji-icon {
width: 53px; width: 53px;
height: 53px; height: 53px;
background: url("~@/assets/images/screen/tfxt/icon2.png") no-repeat background: url('~@/assets/images/screen/tfxt/icon2.png') no-repeat center;
center;
background-size: 100% 100%; background-size: 100% 100%;
&.runing { &.runing {
//需要这个元素做旋转动画,围着自身圆心一直旋转 //需要这个元素做旋转动画,围着自身圆心一直旋转
...@@ -788,13 +576,11 @@ export default { ...@@ -788,13 +576,11 @@ export default {
.fengji-lamp { .fengji-lamp {
width: 53px; width: 53px;
height: 53px; height: 53px;
background: url("~@/assets/images/screen/tfxt/icon4.png") no-repeat background: url('~@/assets/images/screen/tfxt/icon4.png') no-repeat center;
center;
background-size: 100%; background-size: 100%;
position: relative; position: relative;
&.active { &.active {
background: url("~@/assets/images/screen/tfxt/icon5.png") background: url('~@/assets/images/screen/tfxt/icon5.png') no-repeat center;
no-repeat center;
background-size: 100%; background-size: 100%;
.fault-tip { .fault-tip {
position: absolute; position: absolute;
...@@ -905,8 +691,7 @@ export default { ...@@ -905,8 +691,7 @@ export default {
width: 53px; width: 53px;
height: 53px; height: 53px;
position: absolute; position: absolute;
background: url("~@/assets/images/screen/tfxt/icon1.png") no-repeat background: url('~@/assets/images/screen/tfxt/icon1.png') no-repeat center;
center;
//这里制作动画淡入切向右移动100px淡出, //这里制作动画淡入切向右移动100px淡出,
animation: arrow 2s linear infinite; animation: arrow 2s linear infinite;
...@@ -935,7 +720,7 @@ export default { ...@@ -935,7 +720,7 @@ export default {
} }
} }
.fengmen { .fengmen {
width: 130px; max-width: 100%;
position: absolute; position: absolute;
.fengmen-title { .fengmen-title {
font-weight: 400; font-weight: 400;
...@@ -943,26 +728,23 @@ export default { ...@@ -943,26 +728,23 @@ export default {
color: #ffd200; color: #ffd200;
line-height: 30px; line-height: 30px;
margin: 0; margin: 0;
background: url("~@/assets/images/screen/tfxt/fengjititle.png") background: url('~@/assets/images/screen/tfxt/fengjititle.png') no-repeat center;
no-repeat center;
text-align: center; text-align: center;
margin: 10px; margin: 10px;
} }
.fengmen-icon { .fengmen-icon {
width: 69px; width: 69px;
height: 82px; height: 82px;
background: url("~@/assets/images/screen/tfxt/icon_open.png") no-repeat background: url('~@/assets/images/screen/tfxt/icon_open.png') no-repeat center;
center;
background-size: 100%; background-size: 100%;
margin: 0 auto 10px; margin: 0 auto 10px;
&.close { &.close {
background: url("~@/assets/images/screen/tfxt/icon_close.png") background: url('~@/assets/images/screen/tfxt/icon_close.png') no-repeat center;
no-repeat center;
background-size: 100%; background-size: 100%;
} }
} }
.fengmen-text { .fengmen-text {
padding: 5px; padding: 5px 10px;
border: 2px solid #00ccff; border: 2px solid #00ccff;
font-weight: 400; font-weight: 400;
font-size: 18px; font-size: 18px;
...@@ -1001,8 +783,7 @@ export default { ...@@ -1001,8 +783,7 @@ export default {
width: 500px; width: 500px;
height: 37px; height: 37px;
margin: 0px; margin: 0px;
background: url("~@/assets/images/screen/psxt/title.png") no-repeat background: url('~@/assets/images/screen/psxt/title.png') no-repeat center;
center;
background-size: 100%; background-size: 100%;
font-weight: 500; font-weight: 500;
font-size: 22px; font-size: 22px;
...@@ -1117,7 +898,7 @@ export default { ...@@ -1117,7 +898,7 @@ export default {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: #00deff; background: #00deff;
z-index: 999; z-index: 999;
background: url("~@/assets/images/screen/bg111.png") no-repeat center; background: url('~@/assets/images/screen/bg111.png') no-repeat center;
.close-button { .close-button {
font-size: 30px; font-size: 30px;
position: absolute; position: absolute;
...@@ -1139,9 +920,9 @@ export default { ...@@ -1139,9 +920,9 @@ export default {
position: absolute; position: absolute;
right: 40px; right: 40px;
bottom: 40px; bottom: 40px;
background: url("~@/assets/images/screen/icon.png") no-repeat center; background: url('~@/assets/images/screen/icon.png') no-repeat center;
&:hover { &:hover {
background: url("~@/assets/images/screen/icon_click.png") no-repeat center; background: url('~@/assets/images/screen/icon_click.png') no-repeat center;
cursor: pointer; cursor: pointer;
} }
} }
......
...@@ -125,8 +125,8 @@ export default { ...@@ -125,8 +125,8 @@ export default {
entryTime: null, entryTime: null,
reason: null, reason: null,
alarmTime: '报警时间', alarmTime: '报警时间',
actionID: '动作', actionID: null,
overCapacityCount: null, overCapacityCount: '超员人数',
areaName: '区域名称', areaName: '区域名称',
stationId: null, stationId: null,
stationName: null, stationName: null,
......
...@@ -96,8 +96,8 @@ export default { ...@@ -96,8 +96,8 @@ export default {
entryTime: null, entryTime: null,
reason: null, reason: null,
alarmTime: '报警时间', alarmTime: '报警时间',
action: '动作', action: null,
overCapacityCount: null, overCapacityCount: '超员人数',
areaName: '区域名称', areaName: '区域名称',
stationId: null, stationId: null,
stationName: null, stationName: null,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment