<template>
  <div class="app-container">
    <el-card shadow="hover" class="mb-4">
      <el-tabs v-model="activeName">
        <el-tab-pane label="空值默认值" name="defaultValue">
          <DefaultValueRule />
        </el-tab-pane>
        <el-tab-pane label="阈值告警" name="thresholdValue">
          <ThresholdValue />
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import DefaultValueRule from './defaultValue.vue';
import ThresholdValue from './thresholdValue.vue';

const activeName = ref('defaultValue');
</script>