实时趋势问题修改

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

@@ -1,7 +1,7 @@
 <!-- 实时趋势 -->
 <template>
     <div class="harmonic" :style="heightTop" v-loading="loading">
-        <div class="harmonic_select">
+        <div class="harmonic_select" v-if="!loading">
             <el-form :model="searchForm" id="history_select">
                 <el-form-item label="稳态指标">
                     <el-select multiple collapse-tags collapse-tags-tooltip v-model="searchForm.index"
@@ -257,6 +257,7 @@ const resetData = () => {
 resetData()
 const mqttMessage: any = ref()
 const setHarmonicSpectrumData = (val: any) => {
+    console.log(val,"来了来了来了");
     mqttMessage.value = val
     init()
 }

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

@@ -214,11 +214,12 @@ const handleClick = (tab: any, event: any) => {
 const mqttMessage: any = ref()
 const tableData: any = ref({})
 const setRealTrendData = (val: any) => {
+    mqttMessage.value={}
     if(!val){
         return
     }
     loading.value = true
-    console.log(val, '谐波频谱')
+    console.log(val, '----------------谐波频谱------------------')
     tableData.value = {}
     mqttMessage.value = val
     for (let key in val) {
@@ -229,7 +230,7 @@ const setRealTrendData = (val: any) => {
             }
         }
     }
-    if (tableData.value) {
+    if (Object.keys(tableData.value).length != 0) {
         init()
     } else {
         emit('changeTrendType', activeName.value)

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

@@ -639,7 +639,7 @@ onMounted(() => {
             width: 40%;
             border: 1px solid #eee;
             margin: 0 10px;
-            padding: 10px;
+            // padding: 10px;
             position: relative;
             .mid_charts {
                 width: 100%;
@@ -659,7 +659,9 @@ onMounted(() => {
             font-weight: 800;
             font-weight: 16px;
             line-height: 20px;
-            margin: 10px;
+            margin: 10px 0 0 10px;
+            padding-left: 5px;
+            box-sizing: border-box;
         }
     }
     .view_bot {