<template>
    <div class="page_businessCenter">
        <div class="businessCenterTitle">
            <i class="iconfont icon-zuojiantou jiantou" @click="goBack"></i>
            <span class="titleName">经营中心</span>
      </div>
      <div class="consoleBox">
      <div class="consoleOne" @click="toCustomClick">
        <img src="../../assets/images/A1.jpg" alt />
        <div class="consoleRight">
          <div>
            <p class="rightName">患者统计</p>
            <p class="rightTip">患者的新增、转出、留治以及累计治疗总人数</p>
          </div>
          <van-icon name="arrow" />
        </div>
      </div>
      <div class="consoleOne" @click="toClick">
        <img src="../../assets/images/A2.jpg" alt />
        <div class="consoleRight">
          <div>
            <p class="rightName">质量统计</p>
            <p class="rightTip">科室/患者关键指标和血压指标的达标情况</p>
          </div>
          <van-icon name="arrow" />
        </div>
      </div>
      <div class="consoleOne" @click="toStockClick" v-if="$store.getters.user.template_info.org_id != 10445">
        <img src="../../assets/images/A4.jpg" alt="" />
        <div class="consoleRight">
          <div>
            <p class="rightName">库存统计</p>
            <p class="rightTip">科室耗材入库/退货/出库/退库情况和耗材总价</p>
          </div>
          <van-icon name="arrow" />
        </div>
      </div>
    </div>
    </div>
</template>
<script>
export default {
  data () {
    return {
    
    }
  },
  methods: {
    toStockClick(){
      this.$router.push('/bus/quality?tabName=' + '库存统计')

    },
    toCustomClick(){
      this.$router.push('/bus/quality?tabName=' + '患者统计')
    },
    toClick () {
      this.$router.push('/bus/quality?tabName=' + '质量统计')
    },
    goBack () {
      this.$router.go(-1)
    }
  }
}
</script>
<style lang="scss" scoped>
.page_businessCenter{
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: #f6f6f6;
    .businessCenterTitle {
        background: #fff;
        padding: 0 1.125rem;
        height: 3.125rem;
        display: flex;
        align-items: center;
    }
    .jiantou {
        font-size: 1.5rem;
        font-weight: 600;
        margin-right: 7rem;
    }
    .titleName {
        font-size: 1.125rem;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    .van-cell {
        font-size: 1rem;
    }
    .consoleBox {
      margin-top: 0.8125rem;
      background: #fff;
      > div:last-child {
        border: none;
      }
    }
    .consoleOne {
      padding: 0 0.8125rem;
      height: 4.0625rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #e5e5e5;
      img {
        width: 2rem;
        height: 2rem;
      }
      .consoleRight {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 88%;
      }
      .rightName {
        font-size: 1rem;
        color: #313234;
        margin-bottom: 0.375rem;
      }
      .rightTip {
        color: #9b9b9b;
        font-size: 0.8125rem;
      }
      .van-icon-arrow {
        color: #9f9f9f;
        font-size: 1rem;
      }
    }
}
</style>
