Browse Source

fix:修改电动门页面

temp
zhaohy 3 months ago
parent
commit
2635851a44
  1. 29
      hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
  2. 57
      hx-ai-intelligent/src/view/equipmentControl/electricDoor/tables.vue

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

@ -56,13 +56,20 @@
<template #bodyCell="{ record, column }"> <template #bodyCell="{ record, column }">
<template v-if="column.dataIndex === 'EGstRu'"> <template v-if="column.dataIndex === 'EGstRu'">
<a-tag <a-tag
style="background-color: rgba(0, 0, 0, 0.5); width: 50px" style="
background-color: rgba(0, 0, 0, 0.5);
width: 60px;
font-size: 14px;
border-radius: 4px;
"
:style="{ :style="{
border: '1px solid' + ['#39d7bb', '#f3614d', '#ffa403'][record.EGstRu], border:
color: ['#39d7bb', '#f3614d', '#ffa403'][record.EGstRu], '1px solid ' +
}" { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.EGstRu],
>{{ record.EGstRu }}</a-tag color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.EGstRu],
> }">
{{ record.runMode.label }}
</a-tag>
</template> </template>
</template> </template>
</a-table> </a-table>
@ -114,12 +121,11 @@
}) })
.then((res) => { .then((res) => {
if (res.msg === 'success') { if (res.msg === 'success') {
console.log(res, '数据');
dataSource.value = res.data; dataSource.value = res.data;
} }
}); });
}; };
const intervalId = setInterval(getDoorList, 10000); const intervalId = setInterval(getDoorList, 600000);
// //
onMounted(() => { onMounted(() => {
// //
@ -127,10 +133,10 @@
}); });
// //
onUnmounted(() => { onUnmounted(() => {
console.log('组件已卸载');
// //
clearInterval(intervalId); clearInterval(intervalId);
}); });
//table ref
const tables = ref(null); const tables = ref(null);
const customRow = (record: any) => { const customRow = (record: any) => {
return { return {
@ -157,7 +163,7 @@
dataIndex: 'time', dataIndex: 'time',
key: 'time', key: 'time',
width: 100, width: 100,
customRender: ({ value }) => { customRender: ({ value }: any) => {
return value.substring(11, 19); return value.substring(11, 19);
}, },
}, },
@ -334,4 +340,7 @@
transform: translateX(400px); /* 移动到离开位置 */ transform: translateX(400px); /* 移动到离开位置 */
} }
} }
:deep(.ant-tabs) {
overflow-y: auto !important;
}
</style> </style>

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

@ -1,11 +1,14 @@
<template> <template>
<a-table :columns="columnLog" :data-source="dataSourceLog" :pagination="pagination"> <a-table
:columns="columnLog"
:data-source="dataSourceLog"
:pagination="pagination"
:loading="loading">
<template #bodyCell="{ record, column }"> <template #bodyCell="{ record, column }">
<template v-if="column.dataIndex === 'state'"> <template v-if="column.dataIndex === 'state'">
<span <span :style="{ color: { '0': '#bfcde2', '1': '#0dffa4' }[record.switchStatus.value] }">{{
:style="{ color: record.state === '开启' ? 'rgb(149, 242, 4)' : 'rgb(245, 154, 35)' }" record.switchStatus.label
>{{ record.state }}</span }}</span>
>
</template> </template>
</template> </template>
</a-table> </a-table>
@ -26,9 +29,10 @@
const handleChangePage = (current: number, pageSize: number) => { const handleChangePage = (current: number, pageSize: number) => {
pagination.value.current = current; pagination.value.current = current;
pagination.value.pageSize = pageSize; pagination.value.pageSize = pageSize;
console.log(current, pageSize); getList();
}; };
const info = ref({}); const info = ref({});
const loading = ref(false);
const pagination = ref({ const pagination = ref({
total: 0, total: 0,
size: 'small', size: 'small',
@ -45,8 +49,8 @@
const columnLog = [ const columnLog = [
{ {
title: '执行时间', title: '执行时间',
dataIndex: 'age', dataIndex: 'time',
key: 'age', key: 'time',
width: 140, width: 140,
}, },
{ {
@ -56,34 +60,9 @@
width: 80, width: 80,
}, },
]; ];
const dataSourceLog = ref([ const dataSourceLog = ref([]);
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
{ age: '2024-07-26 23:50:20', state: '关闭' },
{ age: '2024-07-26 23:50:20', state: '开启' },
]);
const getList = () => { const getList = () => {
loading.value = true;
http http
.get(electricDoorApi.getDeviceRecordList, { .get(electricDoorApi.getDeviceRecordList, {
projectId: state.projectId, projectId: state.projectId,
@ -94,9 +73,12 @@
}) })
.then((res) => { .then((res) => {
if (res.msg === 'success') { if (res.msg === 'success') {
console.log(res, '数据'); dataSourceLog.value = res.data.data;
dataSourceLog.value = res.data; pagination.value.total = res.data.total;
} }
})
.finally(() => {
loading.value = false;
}); });
}; };
const toggle = (data: any) => { const toggle = (data: any) => {
@ -110,6 +92,7 @@
pagination, pagination,
handleChangePage, handleChangePage,
info, info,
loading,
getList, getList,
}; };
}, },

Loading…
Cancel
Save