large_screen/src/views/transportation/systemData/dataDetail.vue

<template>
  <!-- 查看数据质量信息 -->
  <div>

    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="表格信息" name="chart">
        <chart v-if="activeName == 'chart'"></chart>
      </el-tab-pane>
      <el-tab-pane label="图表信息" name="graph">
        <graph v-if="activeName == 'graph'"></graph>
      </el-tab-pane>
    </el-tabs>

    <!-- <detailDia v-if="detailVisible" ref="detailDialog"></detailDia> -->
    <more v-if="moreVisible" ref="moreDialog"></more>
    <pointnum v-if="pointnumVisible" ref="pointnumDialog"></pointnum>
  </div>
</template>

<script>

import chart from "@/common/dataDetail/dataDetail_chart";
import graph from "@/common/dataDetail/dataDetail_graph";

import more from "./more";
// import pointnum from "./pointnum";
export default {

  name: "dataDetail",
  data(){
    return{
      moreVisible:false,
      activeName: 'graph',
      pointnumVisible:false,
      systemId: undefined,
    }
  },
  components: {
    more,
    chart,
    graph
  },
  mounted() {
    this.systemId = this.$route.query.systemId
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  },

}
</script>


<style scoped>

</style>