暂态事件-波形解析接口调试

src/views/govern/device/control/tabs/event.vue

@@ -9,11 +9,11 @@
     </div>
     <div class="view">
         <Table ref="tableRef" v-if="!isWaveCharts" />
-        <waveFormAnalysis ref="waveFormAnalysisRef" v-if="isWaveCharts" :wp="wp" />
+        <waveFormAnalysis v-if="isWaveCharts" ref="waveFormAnalysisRef" :wp="wp" />
     </div>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted, provide } from 'vue'
+import { ref, onMounted, provide, nextTick } from 'vue'
 import { getTabsDataByType } from '@/api/cs-device-boot/EquipmentDelivery'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
@@ -26,9 +26,10 @@ const view = ref(true)
 const view2 = ref(false)
 const showBoxi = ref(true)
 const bxactiveName = ref('ssbx')
-const boxoList = ref({})
+const boxoList:any = ref([])
 const wp = ref({})
 const value = ref(1)
+const waveFormAnalysisRef = ref()
 const tableStore: any = new TableStore({
     url: '/cs-device-boot/csGroup/deviceDataByType',
     publicHeight: 210,
@@ -93,11 +94,11 @@ const tableStore: any = new TableStore({
                     // },
                     click: async row => {
                         row.loading = true
-                        boxoList.value = row
                         await analyseWave(row.eventId)
                             .then(res => {
                                 row.loading = false
                                 if (res != undefined) {
+                                    boxoList.value = row
                                     wp.value = res.data
                                     view.value = false
                                     view2.value = true
@@ -106,7 +107,10 @@ const tableStore: any = new TableStore({
                             .catch(() => {
                                 row.loading = false
                             })
-                        handleWaveFormAnalysis(wp.value)
+                        isWaveCharts.value = true
+                        nextTick(() => {
+                            waveFormAnalysisRef.value && waveFormAnalysisRef.value.getWpData(wp.value, boxoList.value)
+                        })
                     }
                 }
             ]
@@ -130,17 +134,11 @@ const getTableParams = (val: any) => {
     isWaveCharts.value = false
     tableStore.index()
 }
-//波形解析组件
-const waveFormAnalysisRef = ref()
-const handleWaveFormAnalysis = (val: any) => {
-    console.log(val, '波形解析')
-    isWaveCharts.value = true
-    waveFormAnalysisRef.value.getWpData(val)
-}
 //返回
-const handleBack = () => {
+const handleBack = async () => {
     isWaveCharts.value = false
-    tableStore.index()
+    console.log(6666666, isWaveCharts.value)
+    await tableStore.index()
 }
 defineExpose({ getTableParams })
 onMounted(() => {