方案数据添加暂态事件页面

src/views/govern/device/control/tabs/components/waveFormAnalysis.vue

@@ -22,15 +22,15 @@
             </el-form-item>
         </div>
         <el-tabs class="home_body" type="border-card" v-model="activeName" @tab-click="handleClick">
-            
+
             <el-tab-pane label="瞬时波形" name="ssbx" :style="'height:' + bxecharts + ';overflow-y: scroll;'">
                 <shushiboxi v-if="isWp && wp && activeName == 'ssbx' && showBoxi" :value="value" :boxoList="boxoList"
-                    :wp="wp">
+                    :parentHeight="parentHeight" :wp="wp">
                 </shushiboxi>
             </el-tab-pane>
             <el-tab-pane label="RMS波形" name="rmsbx" :style="'height:' + bxecharts + ';overflow-y: scroll;'">
                 <rmsboxi v-if="isWp && wp && activeName == 'rmsbx' && showBoxi" :value="value" :boxoList="boxoList"
-                    :wp="wp">
+                    :parentHeight="parentHeight" :wp="wp">
                 </rmsboxi>
             </el-tab-pane>
         </el-tabs>
@@ -50,6 +50,7 @@ const searchForm = ref({
     type: 0
 })
 const emit = defineEmits(['handleHideCharts'])
+const parentHeight = ref(0)
 const tableList: any = ref([])
 for (let i = 0; i < 300; i++) {
     tableList.value.push({
@@ -106,7 +107,8 @@ const getWpData = (val: any, list: any) => {
     wp.value = val
     isWp.value = true
     boxoList.value = list
-    // console.log(wp.value, val, 'ggggghhhh')
+
+    console.log(wp.value, val, 'ggggghhhh')
 }
 const changeView = () => {
     showBoxi.value = false
@@ -114,7 +116,7 @@ const changeView = () => {
         showBoxi.value = true
     }, 0)
 }
-const bxecharts = mainHeight(345).height as any
+const bxecharts: any = ref(mainHeight(190).height as any)
 
 const handleClick = (tab: any, event: any) => {
     // activeName.value = tab.index
@@ -127,22 +129,29 @@ const handleClick = (tab: any, event: any) => {
 const handleBack = () => {
     emit('handleHideCharts')
 }
+const setHeight = (h: any,vh: any) => {
+  
+    parentHeight.value = h
+   setTimeout(() => {
+    bxecharts.value = mainHeight(vh).height 
+   },100)
+}
 onMounted(() => { })
-defineExpose({ getWpData })
+defineExpose({ getWpData, setHeight })
 </script>
 <style lang="scss" scoped>
-.tab_info {
-    width: 100%;
-    height: calc(100vh - 450px);
+// .tab_info {
+//     width: 100%;
+//     height: calc(100vh - 450px);
 
-    // overflow: auto;
-    // padding-bottom: 20px;
-    .charts {
-        width: 100%;
-        margin-top: 10px;
-        height: calc(100vh - 450px);
-    }
-}
+//     // overflow: auto;
+//     // padding-bottom: 20px;
+//     .charts {
+//         width: 100%;
+//         margin-top: 10px;
+//         height: calc(100vh - 450px);
+//     }
+// }
 
 .home {
     width: 100%;
@@ -152,11 +161,7 @@ defineExpose({ getWpData })
     position: relative;
 
     .home_header {
-        // position: absolute;
-        // top: -25px;
-        // left: 0;
-        // width: 80%;
-        // height: 40px;
+
         height: 50px;
         display: flex;
         align-items: center;