xuziqiang/SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix:电动门确认

Browse Source
This commit is contained in:
zhaohy
2024-08-19 09:45:28 +08:00
parent fd2ee73d4a
commit 2c396d2d8d
2 changed files with 30 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
View File

@@ -15,12 +15,13 @@
detailed = false;
}
">
<template v-for="(item, index) in dataSource" :key="item.deviceInfoCode">
<template v-for="(item, index) in dataSource.slice(0, 8)" :key="item.deviceInfoCode">
<div
v-if="item.type !== 1"
class="door-box-item"
:style="{
'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3],
'background-color': { '0': 'rgba(191, 205, 226, 1)', '1': '#0dffa4', '2': '#ffbc46' }[
item.record.EGstRu
],
}">
{{ item.deviceInfoName }}
</div>
@@ -37,12 +38,13 @@
detailed = false;
}
">
<template v-for="(item, index) in dataSource" :key="item.deviceInfoCode">
<template v-for="(item, index) in dataSource.slice(8, 16)" :key="item.deviceInfoCode">
<div
v-if="item.type === 1"
class="door-box-item"
:style="{
'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3],
'background-color': { '0': 'rgba(191, 205, 226, 1)', '1': '#0dffa4', '2': '#ffbc46' }[
item.record.EGstRu
],
}">
{{ item.deviceInfoName }}
</div>
@@ -75,10 +77,16 @@
:style="{
border:
'1px solid ' +
{ '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.record.EGstRu],
color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[
record.record.EGstRu
],
{
'0': 'rgba(191, 205, 226, 1)',
'1': 'rgba(0, 255, 210, 1)',
'2': 'rgba(255, 188, 70, 1)',
}[record.record.EGstRu],
color: {
'0': 'rgba(191, 205, 226, 1)',
'1': 'rgba(0, 255, 210, 1)',
'2': 'rgba(255, 188, 70, 1)',
}[record.record.EGstRu],
}">
{{ record.record.runMode.label }}
</a-tag>
@@ -108,9 +116,7 @@
<div style="color: rgb(53, 205, 0); font-size: 20px; font-weight: 700">
{{ infoObject.deviceInfoName }}
</div>
<img
style="width: 100%; margin-top: -10px"
src="https://files.axshare.com/gsc/4T0UQR/7e/5d/a2/7e5da2a277344db8af30521cefeb70cc/images/告警设置/u150.svg?pageId=1f58c1ba-b461-4fe8-a2b3-295f1e7b0aa0" />
<div style="width: 150%; height: 1px; background-color: rgba(67, 67, 66, 1)"></div>
<div class="table-detail-box">
<electricDoorTables ref="tables" />
</div>
@@ -144,7 +150,7 @@
}
});
};
const intervalId = setInterval(getDoorList, 600000);
const intervalId = setInterval(getDoorList, 60000);
//页面 创建
onMounted(() => {
//调用电梯接口 定时获取电梯接口 获取当前门状态
@@ -240,21 +246,22 @@
.door-box {
width: 708px;
height: 42px;
background-color: rgba(245, 154, 35, 0.5);
background-color: rgba(247, 235, 130, 0.8);
position: absolute;
left: 23%;
padding: 6px 6px;
display: flex;
gap: 10px;
cursor: pointer;
border-radius: 4px;
.door-box-item {
flex: 1;
height: 100%;
text-align: center;
line-height: 30px;
border: 1px solid #ab8757;
font-weight: 500;
overflow: hidden;
border-radius: 4px;
}
}
.table-detail {
@@ -267,6 +274,7 @@
background-size: 100%;
z-index: 3;
padding: 32px 32px;
overflow: hidden;
.close-icon {
position: absolute;
right: 2px;
@@ -289,6 +297,7 @@
overflow-y: auto;
margin-top: 4px;
padding: 0px 4px;
margin-top: 12px;
}
}
// 总容器与抽屉按钮

6
hx-ai-intelligent/src/view/equipmentControl/electricDoor/tables.vue
View File

@@ -8,7 +8,11 @@
<template v-if="column.dataIndex === 'state'">
<span
:style="{
color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.runMode.value],
color: {
'0': 'rgba(191, 205, 226, 1)',
'1': 'rgba(0, 255, 210, 1)',
'2': 'rgba(255, 188, 70, 1)',
}[record.runMode.value],
}"
>{{ record.runMode.label }}</span
>