<template>
  <div class="page_dqcIndex">
    <div class="dqcIndexTitle">
      <i class="iconfont icon-zuojiantou jiantou" @click="toReturn"></i>
      <span class="titleName">质控管理</span>
    </div>
    <div class="consoleBox">
      <div class="consoleOne" @click="toBasicInformation(1)">
        <img src="../../assets/images/dqc1.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="toBasicInformation(2)">
        <img src="../../assets/images/dqc2.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="toBasicInformation(3)">
        <img src="../../assets/images/dqc3.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="toBasicInformation(4)">
        <img src="../../assets/images/dqc4.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="toBasicInformation(5)">
        <img src="../../assets/images/dqc5.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="toBasicInformation(6)">
        <img src="../../assets/images/dqc6.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: {
    toBasicInformation (index) {
      if (index == 1) {
        this.$router.push('/dqc/basicinfo')
      } else if (index == 2) {
        this.$router.push('/dqc/department')
      } else if (index == 3) {
        this.$router.push('/dqc/patientStatistics')
      } else if (index == 4) {
        this.$router.push('/dqc/patientsTreatmentInfo')
      } else if (index == 5) {
        this.$router.push('/dqc/targetStatistics')
      } else if (index == 6) {
        this.$router.push('/dqc/workload')
      }
    },
    toReturn () {
      this.$router.push('/homeIndex')
    }
  }
}
</script>
<style lang="scss" scoped>
.page_dqcIndex {
  height: 100%;
  background: #f6f6f6;
  overflow: hidden;
  .dqcIndexTitle {
    height: 3.125rem;
    line-height: 3.125rem;
    display: flex;
    align-items: center;
    background: #fff;
  }
  .jiantou {
    margin-left: 1.25rem;
    font-size: 1.5rem;
    font-weight: 600;
    margin-right: 7rem;
  }
  .titleName {
    font-size: 1.125rem;
    font-weight: 600;
  }
  .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;
    }
  }
  .transfer {
    margin-top: 0.8125rem;
    background: #fff;
    padding: 0 0.8125rem;
    height: 3.125rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    img {
      width: 2rem;
      height: 2rem;
    }
    .transferRight {
      width: 88%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .van-icon-arrow {
      color: #9f9f9f;
    }
  }
}
</style>
