<template>
  <a-card :bordered="false" bodyStyle="padding: 0px 10px 0px 10px;">
    <a-tabs v-model="curtab" @tab-click="tabClick">
      <a-tab-pane tab="图表查询" key="chart">
        <chartSection v-if="curtab === 'chart'"></chartSection>
      </a-tab-pane>
      <a-tab-pane tab="表格查询" key="grid">
        <gridSection v-if="curtab === 'grid'"></gridSection>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
import chartSection from './chartsection.vue'
import gridSection from './gridsection.vue'
export default {
  name: 'equipmentonoffsection',
  components: {
    gridSection, //表格查询
    chartSection, //图表查询
  },
  data() {
    return {
      curtab: 'chart',
      // 遮罩层
      loading: true,
    }
  },
  created() {},
  methods: {
    // 选择tab标签
    tabClick(tab, event) {
      this.curtab = tab.name
    },
  },
}
</script>
<style lang="less" scoped>
@import '~@/assets/less/uStyle.less';
</style>
<style lang="less" scoped>
</style>