large_screen/src/views/power_supply/power.vue

<template>
  <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
    <el-tab-pane label="系统数据" name="first">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>供电系统</el-breadcrumb-item>
        <el-breadcrumb-item>数据标准</el-breadcrumb-item>
      </el-breadcrumb>
    </el-tab-pane>
    <el-tab-pane label="数据标准" name="second">
      <dataStandard></dataStandard>
    </el-tab-pane>
    <el-tab-pane label="组态图" name="third">
      <router-view></router-view>
    </el-tab-pane>
  </el-tabs>
</template>


<script>
import dataStandard from "./dataStandard/dataStandard";
export default {
  name: "compressed",
  data() {
    return {
      activeName: "first",
    };
  },
  methods: {
    handleClick(tab, event) {
      if (tab.name == "third") {
        this.$router.push({
          path: "/power_supply/tablePage",
        });
      }
    },
  },
  components: {
    dataStandard,
  },
};
</script>


<style scoped>
</style>