<template>
    <div class="main-contain">
        <div class="position">
            <bread-crumb :crumbs="crumbs"></bread-crumb>
        </div>
        <div class="app-container">
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="透析耗材" name="first">
                    <consumables></consumables>
                </el-tab-pane>
                <el-tab-pane label="透析药品" name="second">
                    <dialysis-drugs></dialysis-drugs>
                </el-tab-pane>
                <el-tab-pane label="透析参数" name="third">
                    <dialysis-parameters></dialysis-parameters>
                </el-tab-pane>
                <el-tab-pane label="汇总" name="fourth">
                    <all-summary></all-summary>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>


<script>
import BreadCrumb from "@/xt_pages/components/bread-crumb";
import consumables from './components/consumables'
import dialysisDrugs from './components/dialysisDrugs'
import dialysisParameters from './components/dialysisParameters'
import allSummary from './components/allSummary'
export default {
    components:{
        BreadCrumb,
        consumables,
        dialysisDrugs,
        dialysisParameters,
        allSummary
    },
    data(){
        return{
            crumbs: [
                { path: false, name: "透析管理" },
                { path: false, name: "耗材药品" }
            ],
            activeName:'first'
        }
    },
    methods:{
        handleClick(){}
    }
}
</script>
