暂态事件明细页面联调

src/components/cockpit/F47Curve/index.vue

@@ -113,7 +113,7 @@ const tableStore: any = new TableStore({
         data.gs = tableStore.table.data.length
         data.krr = gongData.pointI.length
         data.bkrr = gongData.pointIun.length
-        console.log(gongData,'789000')
+        // console.log(gongData,'789000')
         echartList.value = {
             title: {
                 text: `F47曲线`

src/components/cockpit/transientDetails/index.vue

@@ -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'
         }
     }