<template>
  <div class="app-container">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="能力分析" name="first">
        <abilityAnalysis v-if="activeName == 'first'"></abilityAnalysis>
      </el-tab-pane>
      <el-tab-pane label="能力效果对比" name="second">
        <outcomeEvaluation v-if="activeName == 'second'"></outcomeEvaluation>
      </el-tab-pane>
      <el-tab-pane label="数据优化成果评价" name="third">
        <repaircontrast v-if="activeName == 'third'"></repaircontrast>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup name="repairdata">
import abilityAnalysis from "./abilityAnalysis"; //能力分析
import outcomeEvaluation from "./outcomeEvaluation"; //能力效果对比
import repaircontrast from "./repaircontrast"; //数据优化成果评价
const { proxy } = getCurrentInstance();
const activeName = ref("first");

const data = reactive({
  form: {},
});

const { form } = toRefs(data);
</script>
<style lang="scss" scoped></style>