Browse Source

add:电动门 对接接口

temp
zhaohy 3 months ago
parent
commit
b36db572f7
  1. 31
      hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
  2. 9
      hx-ai-intelligent/src/view/equipmentControl/electricDoor/tables.vue
  3. BIN
      hx-ai-intelligent/src/view/equipmentControl/image/electricDoor.png

31
hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue

@ -22,7 +22,7 @@
:style="{ :style="{
'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3], 'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3],
}"> }">
{{ ['A号门', 'B号门', 'C号门', 'D号门'][index % 3] }} {{ item.deviceInfoName }}
</div> </div>
</template> </template>
</div> </div>
@ -44,7 +44,7 @@
:style="{ :style="{
'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3], 'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3],
}"> }">
{{ ['A号门', 'B号门', 'C号门', 'D号门'][index % 3] }} {{ item.deviceInfoName }}
</div> </div>
</template> </template>
</div> </div>
@ -75,12 +75,17 @@
:style="{ :style="{
border: border:
'1px solid ' + '1px solid ' +
{ '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.EGstRu], { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.record.EGstRu],
color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.EGstRu], color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[
record.record.EGstRu
],
}"> }">
{{ record.runMode.label }} {{ record.record.runMode.label }}
</a-tag> </a-tag>
</template> </template>
<template v-if="column.dataIndex === 'time'">
{{ record.record.time.substring(11, 19) }}
</template>
</template> </template>
</a-table> </a-table>
</div> </div>
@ -101,7 +106,7 @@
x x
</div> </div>
<div style="color: rgb(53, 205, 0); font-size: 20px; font-weight: 700"> <div style="color: rgb(53, 205, 0); font-size: 20px; font-weight: 700">
{{ infoObject.name }} {{ infoObject.deviceInfoName }}
</div> </div>
<img <img
style="width: 100%; margin-top: -10px" style="width: 100%; margin-top: -10px"
@ -159,7 +164,7 @@
// //
detailed.value = !detailed.value; detailed.value = !detailed.value;
infoObject.value = record; infoObject.value = record;
tables.value.toggle(record); tables.value.toggle(record.record);
}, },
}; };
}; };
@ -168,24 +173,22 @@
const columns = [ const columns = [
{ {
title: '序号', title: '序号',
dataIndex: 'name', dataIndex: 'deviceInfoName',
key: 'name', key: 'deviceInfoName',
width: 100, width: 100,
ellipsis: true,
}, },
{ {
title: '执行时间', title: '执行时间',
dataIndex: 'time', dataIndex: 'time',
key: 'time', key: 'time',
width: 100, width: 80,
customRender: ({ value }: any) => {
return value.substring(11, 19);
},
}, },
{ {
title: '状态', title: '状态',
dataIndex: 'EGstRu', dataIndex: 'EGstRu',
key: 'EGstRu', key: 'EGstRu',
width: 160, width: 110,
}, },
]; ];
const dataSource = ref([]); const dataSource = ref([]);

9
hx-ai-intelligent/src/view/equipmentControl/electricDoor/tables.vue

@ -6,9 +6,12 @@
:loading="loading"> :loading="loading">
<template #bodyCell="{ record, column }"> <template #bodyCell="{ record, column }">
<template v-if="column.dataIndex === 'state'"> <template v-if="column.dataIndex === 'state'">
<span :style="{ color: { '0': '#bfcde2', '1': '#0dffa4' }[record.switchStatus.value] }">{{ <span
record.switchStatus.label :style="{
}}</span> color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.runMode.value],
}"
>{{ record.runMode.label }}</span
>
</template> </template>
</template> </template>
</a-table> </a-table>

BIN
hx-ai-intelligent/src/view/equipmentControl/image/electricDoor.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 553 KiB

After

Width:  |  Height:  |  Size: 1.1 MiB

Loading…
Cancel
Save