<template>
  <div class="risp-page-nav fir-page">
    <div class="report-title">北京美中爱瑞肿瘤医院</div>
    <div class="report-type">{{reportTitle}}</div>
    <div class="pathology-number">
      <span class="pathology-title">病理号：</span>
      <span class="pathology-code">{{risp.rispData ? risp.rispData.mrCode : ''}}</span>
    </div>
    <div class="patient-info">
      <el-row class="pat-base-info">
        <el-col :span="6" v-for="(ele, index) in baseInfo" :key="index" class="info-item">
          <span class="info-title">{{ ele.title }}</span>
          <span class="info-value">{{ ele.value }}</span>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    reportTitle: {
      type: String,
      default: ""
    },
    mrCode: {
      type: String,
      default: ""
    },
    curDiagnosis: {
      type: Array,
      default: () => []
    },
    baseInfo: Array
  },
  inject: ["risp"],
};
</script>

<style lang="less" scoped>

.fir-page .diagose-bodys-con {
  padding: 0 10px;
}
.print-head {
  height: 120px;
}
.print-footer {
  height: 80px;
}
.diagose-bodys-con {
  flex: 1;
}
.report-title,
.report-type {
  font-size: 20px;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
    font-family: "SimSun";
}
.report-type {
  margin-bottom: 0;
}
.pathology-number {
  text-align: right;
  line-height: 20px;
  span {
    display: inline-block;
    font-size: 14px;
    color: #000;
      font-family: "SimSun";
  }
  .pathology-code {
    min-width: 20px;
  }
}
.patient-info {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  .info-item {
    line-height: 30px;
    font-size: 14px;
    color: #000;
      font-family: "SimSun";
  }
}

@media print {
  .report-title,
  .report-type {
    font-size: 28px;
    color: #000;
    text-align: center;
    margin-bottom: 15px;
     font-family: "SimSun";
  }

  .pathology-number {
    line-height: 24px;
    span {
      font-size: 18px;
       font-family: "SimSun";
    }
  }
  .patient-info {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    .info-item {
      line-height: 40px;
      font-size: 18px;
       font-family: "SimSun";
    }
  }
}
</style>