<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="设备类型">
                <BuDeviceEquipmentRiskType/>
              </a-tab-pane>
              <a-tab-pane key="2" tab="设备名称" force-render>
                <BuDeviceEquipmentRiskName/>
              </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 BuDeviceEquipmentRiskType from "@views/statistics/BuDeviceEquipmentRiskType";
  import BuDeviceEquipmentRiskName from "@views/statistics/BuDeviceEquipmentRiskName";
  export default {
    name: 'BuHydraulicPumpFaultStatisticsList',
    mixins:[JeecgListMixin, mixinDevice],
    components: {
      JSuperQuery,
      JSelectDevice,
      BuDeviceEquipmentRiskType,
      BuDeviceEquipmentRiskName
    },
    data () {
      return {
        description: '液压泵故障分析表管理页面',

      }
    },
    methods: {
      callback(key) {
        console.log(key);
      },
    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
</style>