联调数据清洗页面 绘制终端运行评价页面

src/views/pqs/runManage/cleaning/index.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="default-main">
-        <el-tabs type="border-card">
-            <el-tab-pane label="异常数据清洗"><abnormal /></el-tab-pane>
-            <el-tab-pane label="稳态告警统计"><alarm /></el-tab-pane>
+        <el-tabs type="border-card" v-model="activeName">
+            <el-tab-pane label="异常数据统计" name="1"><abnormal v-if="activeName == '1'"/></el-tab-pane>
+            <el-tab-pane label="稳态告警统计" name="2"><alarm v-if="activeName == '2'"/></el-tab-pane>
         </el-tabs>
     </div>
 </template>
@@ -13,5 +13,6 @@ defineOptions({
 import abnormal from './components/abnormal.vue'
 import alarm from './components/alarm.vue'
 import { ref, reactive } from 'vue'
+const activeName = ref(`1`)
 </script>
 <style lang="scss" scoped></style>