指标越限程度联调

src/components/cockpit/F47Curve/index.vue

@@ -12,12 +12,20 @@
             ref="chartRef"
             class="tall"
             :options="echartList"
-            :style="{ width: prop.width, height: `calc(${prop.height} - 80px - ${headerHeight}px + ${fullscreen ? 0 : 56}px)` }"
+            :style="{
+                width: prop.width,
+                height: `calc(${prop.height} - 80px - ${headerHeight}px + ${fullscreen ? 0 : 56}px)`
+            }"
             @chart-click="handleChartClick"
         />
         <el-dialog v-model="isWaveCharts" draggable title="瞬时/RMS波形" append-to-body width="70%">
-            <waveFormAnalysis v-loading="loading" v-if="isWaveCharts" ref="waveFormAnalysisRef"
-            @handleHideCharts="isWaveCharts = false" :wp="wp" />
+            <waveFormAnalysis
+                v-loading="loading"
+                v-if="isWaveCharts"
+                ref="waveFormAnalysisRef"
+                @handleHideCharts="isWaveCharts = false"
+                :wp="wp"
+            />
         </el-dialog>
     </div>
 </template>
@@ -27,10 +35,11 @@ import TableStore from '@/utils/tableStore'
 import MyEchart from '@/components/echarts/MyEchart.vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getTimeOfTheMonth } from '@/utils/formatTime'
-import waveFormAnalysis from '@/views/govern/device/control/tabs/components/waveFormAnalysis.vue';
+import waveFormAnalysis from '@/views/govern/device/control/tabs/components/waveFormAnalysis.vue'
 import TableHeader from '@/components/table/header/index.vue'
 import { useRoute } from 'vue-router'
 import { useTimeCacheStore } from '@/stores/timeCache'
+import { analyseWave } from '@/api/common'
 
 const prop = defineProps({
     w: { type: String },
@@ -79,7 +88,10 @@ const loading = ref(false)
 
 const wp = ref({})
 
-const OverLimitDetailsRef = ref()
+const boxoList: any = ref({})
+
+const waveFormAnalysisRef: any = ref(null)
+
 const data = reactive({
     name: '事件个数',
     gs: 0,
@@ -93,7 +105,7 @@ const tableStore: any = new TableStore({
     showPage: false,
 
     column: [],
-     beforeSearchFun: () => {
+    beforeSearchFun: () => {
         // 尝试从缓存获取时间值
         let beginTime, endTime
 
@@ -419,7 +431,6 @@ onMounted(() => {
 
 // 点击事件处理函数
 const handleChartClick = (params: any) => {
-
     if (params.seriesName === '可容忍事件') {
         // 处理可容忍事件点击
         ElMessage.info(`点击了可容忍事件: 持续时间${params.value[0]}s, 幅值${params.value[1].toFixed(2)}%`)
@@ -432,9 +443,30 @@ const handleChartClick = (params: any) => {
 }
 
 // 可容忍事件点击处理函数
-const handleTolerableEventClick = (params: any) => {
-    console.log('可容忍事件详情:', params)
+const handleTolerableEventClick = async (row: any) => {
+    console.log('可容忍事件详情:', row)
     isWaveCharts.value = true
+    loading.value = true
+    isWaveCharts.value = true
+    await analyseWave(row.id)
+        .then(res => {
+            row.loading1 = false
+            if (res != undefined) {
+                boxoList.value = row
+                boxoList.value.featureAmplitude = row.evtParamVVaDepth != '-' ? row.evtParamVVaDepth - 0 : null
+                boxoList.value.systemType = 'WX'
+                wp.value = res.data
+            }
+            loading.value = false
+        })
+        .catch(() => {
+            row.loading1 = false
+            loading.value = false
+        })
+
+    nextTick(() => {
+        waveFormAnalysisRef.value && waveFormAnalysisRef.value.getWpData(wp.value, boxoList.value, true)
+    })
 }
 
 // 不可容忍事件点击处理函数