large_screen/src/views/ventilate/ventilate.vue

<template>
  <div>
    <!--标签-->
    <el-tabs
      v-model="activeName"
      type="card"
      @tab-click="handleClick"
    >
      <el-tab-pane
        label="系统数据"
        name="first"
      >
        <systemData></systemData>
      </el-tab-pane>
      <el-tab-pane
        label="数据标准"
        name="second"
      >
        <dataStandard></dataStandard>
      </el-tab-pane>
      <el-tab-pane
        label="系统图"
        name="third"
      >
       <config-img></config-img>
      </el-tab-pane>
      <el-tab-pane label="数据看板" name="fourth">
        <data-board></data-board>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>


<script>
import dataStandard from "./dataStandard";
import systemData from "./systemData";
import configImg from '@/views/ventilate/configImg/configImg'
import dataBoard from '@/views/ventilate/dataBoard/dataBoard'
export default {
  name: "ventilate",
  data() {
    return {
      activeName: "first",
      checkVisible: "false",
    };
  },
  methods: {
    handleClick(tab, event) {
      if (tab.name == "third") {
        this.$router.push({
          path: "/ventilate/zutai",
        });
      }
    },
  },
  components: {
    dataStandard,
    systemData,
    configImg,
    dataBoard
  },
};
</script>


<style scoped>
</style>