<template>
    <div class="page_customerDetail">
        <div class="customerDetailTitle">
            <i class="iconfont icon-zuojiantou jiantou" @click="toClick"></i>
            <span class="titleName">患者统计详情</span>
        </div>
        <van-tabs v-model="activeName" sticky>
            <van-tab title="新增患者" name="a">
              <new-customers></new-customers>
            </van-tab>
            <van-tab title="转出患者" name="b">
              <transfer-out-customers></transfer-out-customers>
            </van-tab>
        </van-tabs>

    </div>
</template>

<script>
import newCustomers from './components/newCustomers'
import transferOutCustomers from './components/transferOutCustomers'
export default {
  components:{
    newCustomers,
    transferOutCustomers
  },
  data(){
      return{
        activeName:"a"

      }
  },
  methods:{
    toClick(){
      this.$router.go(-1)
    }
  },
  created(){
    if(this.$route.query.type == 1){

      this.activeName = "a"
    }else{

      this.activeName = "b"

    }

  }
}
</script>



<style lang="scss" scoped>
.page_customerDetail {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  .customerDetailTitle {
    background: #fff;
    padding: 0 1.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
  }
  .jiantou {
    font-size: 1.5rem;
    font-weight: 600;
    margin-right: 6rem;
  }
  .titleName {
    font-size: 1.125rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    .arrow {
      margin-left: 0.375rem;
    }
  }
  .van-cell {
    font-size: 1rem;
  }
}
</style>
