Skip to content

Y
yindong-tongbai-automation
Commit 0b95d873 authored by sxl's avatar sxl 💬
Browse files
Options

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

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