Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

暂态事件明细页面联调

Browse Source
This commit is contained in:
stt
2025-11-25 11:38:34 +08:00
parent d365932648
commit 09326b287e
2 changed files with 67 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
src/components/cockpit/transientDetails/index.vue
View File

@@ -18,24 +18,24 @@
effect="dark"
placement="top"
:hide-after="0"
v-if="list?.filter(item => item.time == data.day)[0]?.type || false"
v-if="hasEventData(data.day)"
>
<template #content>
<!-- <span v-html="list?.filter(item => item.time == data.day)[0]?.type || ''"></span> -->
<div v-for="item in list?.filter(item => item.time == data.day)">
<div>电压暂降：{{ item.type || '' }}</div>
<div>电压中断：{{ item.type1 || '' }}</div>
<div>电压暂升：{{ item.type2 || '' }}</div>
<div v-for="item in list?.filter((item:any) => item.name == data.day)">
<div>电压暂降：{{ item.eventDown || 0 }}</div>
<div>电压中断：{{ item.eventOff || 0 }}</div>
<div>电压暂升：{{ item.eventUp || 0 }}</div>
</div>
</template>
<div
style="text-decoration: underline"
:style="{ height: `calc(${prop.height} / 5 - 47px)`, overflow: 'auto' }"
v-for="item in list?.filter(item => item.time == data.day)"
:style="{ height: `calc(${prop.height} / 5 - 40px)`, overflow: 'auto' }"
v-for="item in list?.filter((item:any) => item.name == data.day)"
>
<div @click="descentClick">电压暂降:{{ item.type || '' }}</div>
<div>电压中断:{{ item.type1 || '' }}</div>
<div>电压暂升:{{ item.type2 || '' }}</div>
<div @click="descentClick">电压暂降:{{ item.eventDown || 0 }}</div>
<div>电压中断:{{ item.eventOff || 0 }}</div>
<div>电压暂升:{{ item.eventUp || 0 }}</div>
</div>
</el-tooltip>
</div>
@@ -66,8 +66,12 @@ const prop = defineProps({
const headerHeight = ref(57)
const route = useRoute()
const timeCacheStore = useTimeCacheStore()
const hasEventData = (day: string) => {
const item = list.value?.find((item: any) => item.name == day);
if (!item) return false;
return (item.eventDown || item.eventOff || item.eventUp) > 0;
}
const selectChange = (showSelect: any, height: any, datePickerValue?: any) => {
headerHeight.value = height
@@ -95,53 +99,54 @@ dayjs.en.weekStart = 1 //设置日历的周起始日为星期一
const value = ref(new Date())
const transientListRef = ref()
const list = ref([
{
time: '2025-10-01',
key: 81,
type: 1,
type1: 1,
type2: 1
},
{
time: '2025-10-31',
key: 81,
type: 1,
type1: 1,
type2: 1
},
{
time: '2025-10-08',
key: 20,
type: 1,
type1: 1,
type2: 1
},
{
time: '2025-10-16',
key: 20,
type: 1,
type1: 1,
type2: 1
},
{
time: '2025-10-23',
key: 20,
type: 1,
type1: 1,
type2: 1
},
{
time: '2025-10-04',
key: 0
},
{
time: '2025-10-05',
key: 0
}
])
const list = ref()
// const list = ref([
// {
// time: '2025-10-01',
// key: 81,
// type: 1,
// type1: 1,
// type2: 1
// },
// {
// time: '2025-10-31',
// key: 81,
// type: 1,
// type1: 1,
// type2: 1
// },
// {
// time: '2025-10-08',
// key: 20,
// type: 1,
// type1: 1,
// type2: 1
// },
// {
// time: '2025-10-16',
// key: 20,
// type: 1,
// type1: 1,
// type2: 1
// },
// {
// time: '2025-10-23',
// key: 20,
// type: 1,
// type1: 1,
// type2: 1
// },
// {
// time: '2025-10-04',
// key: 0
// },
// {
// time: '2025-10-05',
// key: 0
// }
// ])
const tableStore: any = new TableStore({
url: '/user-boot/dept/deptTree',
url: '/cs-harmonic-boot/csevent/getEventDate',
method: 'POST',
showPage: false,
@@ -154,16 +159,16 @@ const tableStore: any = new TableStore({
},
loadCallback: () => {
tableStore.table.data = []
list.value = tableStore.table.data
}
})
const setBackground = (value: string) => {
let data = []
data = list.value?.filter(item => item.time == value)
data = list.value?.filter((item: any) => item.name == value)
if (data && data?.length > 0) {
if (data[0].key > 0) {
if (data[0].eventDown > 0 || data[0].eventOff > 0 || data[0].eventUp > 0) {
return '#Ff660090'
}
}