<template>
    <div class="main-contain">
        <div class="position">
            <bread-crumb :crumbs="crumbs"></bread-crumb>
        </div>
        <div class="app-container">
            <el-tabs v-model="activeName">
                <el-tab-pane label="透前叫号" name="first">
                    <before-dialysis-calling v-if="activeName == 'first'"></before-dialysis-calling>
                </el-tab-pane>
                <el-tab-pane label="上机叫号" name="second">
                    <computer-calling v-if="activeName == 'second'"></computer-calling>
                </el-tab-pane>
                <!-- <el-tab-pane label="诊台配置" name="third">
                    <treatment-configure></treatment-configure>
                </el-tab-pane>
                <el-tab-pane label="叫号配置" name="fourth">
                    <calling-configure></calling-configure>
                </el-tab-pane> -->
            </el-tabs>
        </div>
    </div>
</template>


<script>
import BreadCrumb from "../components/bread-crumb";
import beforeDialysisCalling from './components/beforeDialysisCalling'
import computerCalling from './components/computerCalling'
import treatmentConfigure from "./components/treatmentConfigure"
import callingConfigure from './components/callingConfigure'
export default {
    components:{
       BreadCrumb,
       beforeDialysisCalling,
       computerCalling,
       treatmentConfigure,
       callingConfigure 
    },
    data(){
        return{
            crumbs: [
                { path: false, name: "透析管理" },
                { path: "dialysis/board", name: "透析叫号" }
            ],
            activeName:'first'
        }
    },
    
}
</script>
      