<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <div class="salesCard">
          <a-row :gutter="24">
            <a-tabs default-active-key="1" @change="callback">
              <a-tab-pane key="1" tab="设备类型">
                <BuDeviceEnergyStatisticType/>
              </a-tab-pane>
              <a-tab-pane key="2" tab="设备名称" force-render>
                <BuDeviceEnergyStatisticName/>
              </a-tab-pane>
            </a-tabs>
          </a-row>
        </div>
      </a-form>
    </div>
  </a-card>
</template>

<script>

import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import JSuperQuery from '@/components/jeecg/JSuperQuery.vue'
import JSelectDevice from '@comp/jeecgbiz/JSelectDevice'
import BuDeviceEnergyStatisticType from "@views/statistics/BuDeviceEnergyStatisticType";
import BuDeviceEnergyStatisticName from "@views/statistics/BuDeviceEnergyStatisticName";
export default {
  name: 'BuHydraulicPumpFaultStatisticsList',
  mixins:[JeecgListMixin, mixinDevice],
  components: {
    JSuperQuery,
    JSelectDevice,
    BuDeviceEnergyStatisticType,
    BuDeviceEnergyStatisticName
  },
  data () {
    return {
      description: '设备运行能耗分析',
    }
  },
  methods: {
    callback(key) {
      console.log(key);
    },
  }
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>