修改样式

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

@@ -4,12 +4,8 @@
         <div class="home_header">
             <el-form-item label="值类型选择">
                 <el-select @change="changeView" v-model="value" placeholder="请选择值类型">
-                    <el-option
-                        v-for="(item, index) in options"
-                        :key="index"
-                        :label="item.label"
-                        :value="item.value"
-                    ></el-option>
+                    <el-option v-for="(item, index) in options" :key="index" :label="item.label"
+                        :value="item.value"></el-option>
                 </el-select>
             </el-form-item>
             <el-form-item label="">
@@ -17,29 +13,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;padding-bottom:200px;'"
-            >
-                <shushiboxi
-                    v-if="isWp && wp && activeName == 'ssbx'"
-                    :value="value"
-                    :boxoList="boxoList"
-                    :wp="wp"
-                ></shushiboxi>
+            <el-tab-pane label="瞬时波形" name="ssbx"
+                :style="'height:' + bxecharts + ';overflow-y: scroll;padding-bottom:200px;'">
+                <shushiboxi v-if="isWp && wp && activeName == 'ssbx'" :value="value" :boxoList="boxoList" :wp="wp">
+                </shushiboxi>
             </el-tab-pane>
-            <el-tab-pane
-                label="RMS波形"
-                name="rmsbx"
-                :style="'height:' + bxecharts + ';overflow-y: scroll;padding-bottom:200px;'"
-            >
-                <rmsboxi
-                    v-if="isWp && wp && activeName == 'rmsbx'"
-                    :value="value"
-                    :boxoList="boxoList"
-                    :wp="wp"
-                ></rmsboxi>
+            <el-tab-pane label="RMS波形" name="rmsbx"
+                :style="'height:' + bxecharts + ';overflow-y: scroll;padding-bottom:200px;'">
+                <rmsboxi v-if="isWp && wp && activeName == 'rmsbx'" :value="value" :boxoList="boxoList" :wp="wp">
+                </rmsboxi>
             </el-tab-pane>
         </el-tabs>
     </div>
@@ -135,13 +117,14 @@ const handleClick = (tab: any, event: any) => {
 const handleBack = () => {
     emit('handleHideCharts')
 }
-onMounted(() => {})
+onMounted(() => { })
 defineExpose({ getWpData })
 </script>
 <style lang="scss" scoped>
 .tab_info {
     width: 100%;
     height: calc(100vh - 450px);
+
     // overflow: auto;
     // padding-bottom: 20px;
     .charts {
@@ -157,6 +140,7 @@ defineExpose({ getWpData })
     display: flex;
     flex-direction: column;
     position: relative;
+
     .home_header {
         // position: absolute;
         // top: -25px;
@@ -166,10 +150,12 @@ defineExpose({ getWpData })
         height: 50px;
         display: flex;
         align-items: center;
+
         .el-select {
             width: 200px !important;
         }
     }
+
     .home_body {
         // margin-top: 20px;
         flex: 1;