large_screen/src/views/mining/mining.vue

<template>
  <div>
    <!--标签-->
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="系统图" name="third">
        <router-view></router-view>
      </el-tab-pane>
      <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="fourth">
        <envTest></envTest>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>


<script>
import dataStandard from "./dataStandard/dataStandard";
import systemData from "./systemData";
import envTest from "./envTest"
export default {
  name: "mining",
  data() {
    return {
      activeName: "fourth",
      checkVisible: "false",
    };
  },
  mounted() {
    this.$router.push({
      path: "/coal_mining/monitor",
    });
  },
  methods: {
    handleClick(tab, event) {
      if (tab.name == "third") {
        this.$router.push({
          path: "/coal_mining/monitor",
        });
      }
    },
  },

  components: {
    dataStandard,
    systemData,
    envTest
  },
};
</script>


<style scoped>
</style>