暂态事件明细页面联调
This commit is contained in:
stt
@@ -113,7 +113,7 @@ const tableStore: any = new TableStore({
|
|||||||
data.gs = tableStore.table.data.length
|
data.gs = tableStore.table.data.length
|
||||||
data.krr = gongData.pointI.length
|
data.krr = gongData.pointI.length
|
||||||
data.bkrr = gongData.pointIun.length
|
data.bkrr = gongData.pointIun.length
|
||||||
console.log(gongData,'789000')
|
// console.log(gongData,'789000')
|
||||||
echartList.value = {
|
echartList.value = {
|
||||||
title: {
|
title: {
|
||||||
text: `F47曲线`
|
text: `F47曲线`
|
||||||
|
|||||||
@@ -18,24 +18,24 @@
|
|||||||
effect="dark"
|
effect="dark"
|
||||||
placement="top"
|
placement="top"
|
||||||
:hide-after="0"
|
:hide-after="0"
|
||||||
v-if="list?.filter(item => item.time == data.day)[0]?.type || false"
|
v-if="hasEventData(data.day)"
|
||||||
>
|
>
|
||||||
<template #content>
|
<template #content>
|
||||||
<!-- <span v-html="list?.filter(item => item.time == data.day)[0]?.type || ''"></span> -->
|
<!-- <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 v-for="item in list?.filter((item:any) => item.name == data.day)">
|
||||||
<div>电压暂降：{{ item.type || '' }}</div>
|
<div>电压暂降：{{ item.eventDown || 0 }}</div>
|
||||||
<div>电压中断：{{ item.type1 || '' }}</div>
|
<div>电压中断：{{ item.eventOff || 0 }}</div>
|
||||||
<div>电压暂升：{{ item.type2 || '' }}</div>
|
<div>电压暂升：{{ item.eventUp || 0 }}</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div
|
<div
|
||||||
style="text-decoration: underline"
|
style="text-decoration: underline"
|
||||||
:style="{ height: `calc(${prop.height} / 5 - 47px)`, overflow: 'auto' }"
|
:style="{ height: `calc(${prop.height} / 5 - 40px)`, overflow: 'auto' }"
|
||||||
v-for="item in list?.filter(item => item.time == data.day)"
|
v-for="item in list?.filter((item:any) => item.name == data.day)"
|
||||||
>
|
>
|
||||||
<div @click="descentClick">电压暂降:{{ item.type || '' }}</div>
|
<div @click="descentClick">电压暂降:{{ item.eventDown || 0 }}</div>
|
||||||
<div>电压中断:{{ item.type1 || '' }}</div>
|
<div>电压中断:{{ item.eventOff || 0 }}</div>
|
||||||
<div>电压暂升:{{ item.type2 || '' }}</div>
|
<div>电压暂升:{{ item.eventUp || 0 }}</div>
|
||||||
</div>
|
</div>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
@@ -66,8 +66,12 @@ const prop = defineProps({
|
|||||||
|
|
||||||
const headerHeight = ref(57)
|
const headerHeight = ref(57)
|
||||||
|
|
||||||
const route = useRoute()
|
const hasEventData = (day: string) => {
|
||||||
const timeCacheStore = useTimeCacheStore()
|
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) => {
|
const selectChange = (showSelect: any, height: any, datePickerValue?: any) => {
|
||||||
headerHeight.value = height
|
headerHeight.value = height
|
||||||
@@ -95,53 +99,54 @@ dayjs.en.weekStart = 1 //设置日历的周起始日为星期一
|
|||||||
const value = ref(new Date())
|
const value = ref(new Date())
|
||||||
|
|
||||||
const transientListRef = ref()
|
const transientListRef = ref()
|
||||||
const list = ref([
|
const list = ref()
|
||||||
{
|
// const list = ref([
|
||||||
time: '2025-10-01',
|
// {
|
||||||
key: 81,
|
// time: '2025-10-01',
|
||||||
type: 1,
|
// key: 81,
|
||||||
type1: 1,
|
// type: 1,
|
||||||
type2: 1
|
// type1: 1,
|
||||||
},
|
// type2: 1
|
||||||
{
|
// },
|
||||||
time: '2025-10-31',
|
// {
|
||||||
key: 81,
|
// time: '2025-10-31',
|
||||||
type: 1,
|
// key: 81,
|
||||||
type1: 1,
|
// type: 1,
|
||||||
type2: 1
|
// type1: 1,
|
||||||
},
|
// type2: 1
|
||||||
{
|
// },
|
||||||
time: '2025-10-08',
|
// {
|
||||||
key: 20,
|
// time: '2025-10-08',
|
||||||
type: 1,
|
// key: 20,
|
||||||
type1: 1,
|
// type: 1,
|
||||||
type2: 1
|
// type1: 1,
|
||||||
},
|
// type2: 1
|
||||||
{
|
// },
|
||||||
time: '2025-10-16',
|
// {
|
||||||
key: 20,
|
// time: '2025-10-16',
|
||||||
type: 1,
|
// key: 20,
|
||||||
type1: 1,
|
// type: 1,
|
||||||
type2: 1
|
// type1: 1,
|
||||||
},
|
// type2: 1
|
||||||
{
|
// },
|
||||||
time: '2025-10-23',
|
// {
|
||||||
key: 20,
|
// time: '2025-10-23',
|
||||||
type: 1,
|
// key: 20,
|
||||||
type1: 1,
|
// type: 1,
|
||||||
type2: 1
|
// type1: 1,
|
||||||
},
|
// type2: 1
|
||||||
{
|
// },
|
||||||
time: '2025-10-04',
|
// {
|
||||||
key: 0
|
// time: '2025-10-04',
|
||||||
},
|
// key: 0
|
||||||
{
|
// },
|
||||||
time: '2025-10-05',
|
// {
|
||||||
key: 0
|
// time: '2025-10-05',
|
||||||
}
|
// key: 0
|
||||||
])
|
// }
|
||||||
|
// ])
|
||||||
const tableStore: any = new TableStore({
|
const tableStore: any = new TableStore({
|
||||||
url: '/user-boot/dept/deptTree',
|
url: '/cs-harmonic-boot/csevent/getEventDate',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
|
|
||||||
showPage: false,
|
showPage: false,
|
||||||
@@ -154,16 +159,16 @@ const tableStore: any = new TableStore({
|
|||||||
},
|
},
|
||||||
|
|
||||||
loadCallback: () => {
|
loadCallback: () => {
|
||||||
tableStore.table.data = []
|
list.value = tableStore.table.data
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
const setBackground = (value: string) => {
|
const setBackground = (value: string) => {
|
||||||
let data = []
|
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 && data?.length > 0) {
|
||||||
if (data[0].key > 0) {
|
if (data[0].eventDown > 0 || data[0].eventOff > 0 || data[0].eventUp > 0) {
|
||||||
return '#Ff660090'
|
return '#Ff660090'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user