<template>
    <!-- 查看数据质量信息 -->
    <div>
       <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-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="表格信息" name="chart">
                <chart></chart>
            </el-tab-pane>
            <el-tab-pane label="图表信息" name="graph">
                <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 "./dataDetail/dataDetail_chart";
    import graph from "./dataDetail/dataDetail_graph";  
    
    //import more from "./more";
    // import pointnum from "./pointnum";
    export default {
        name: "dataDetail",
       data(){
           return{
            moreVisible:false,
            activeName: 'graph',
            pointnumVisible:false
           }
       },
       methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    },
        components: {
         //   more,
            chart,
            graph 
        }
    }
  </script>
  
  
  <style scoped>
  
  </style>
  