<template>
  <el-container>
    <el-main>
      <el-tabs v-model="tabsHeader">
        <el-tab-pane label="耗材使用统计" name="haoCai">
          <consumables-statistics></consumables-statistics>
        </el-tab-pane>
        <el-tab-pane label="收费项目" name="xiangMu">
          <query-pay-service></query-pay-service>
        </el-tab-pane>
        <el-tab-pane label="查询药品" name="yaoPin">
          <drug-inquiry></drug-inquiry>
        </el-tab-pane>
        <el-tab-pane label="检查检验费占比" name="jcjyfzb">
          <jian-yan-jian-cha-zhan-bi></jian-yan-jian-cha-zhan-bi>
        </el-tab-pane>
      </el-tabs>
    </el-main>
  </el-container>
</template>

<script>
import { ref } from '@vue/reactivity'
import QueryPayService from './QueryPayService.vue'
import ConsumablesStatistics from './ConsumablesStatistics.vue'
import DrugInquiry from './DrugInquiry.vue'
import JianYanJianChaZhanBi from './JianYanJianChaZhanBi.vue'
export default {
  components: {
    QueryPayService,
    ConsumablesStatistics,
    DrugInquiry,
    JianYanJianChaZhanBi,
  },
  setup() {
    const tabsHeader = ref('yaoPin')
    return {
      tabsHeader,
    }
  },
}
</script>
