<template>
  <div class="risp-page-signature">
    <div class="wrapper">
      <span>报告医师：</span>
      <img :src="rispReports.reportDoctor" alt srcset />
    </div>

    <div class="wrapper">
      <span class="title">审核医师：</span>
      <img :src="rispReports.reviewDoctor" alt />
    </div>

    <div class="wrapper">
      <span class="title">报告日期：</span>
      <span>{{ time}}</span>
    </div>
  </div>
</template>

<script>
import moment from "moment";
export default {
  inject: ["rispReports"],
  computed: {
    time() {
      let date1 = new Date(this.rispReports.reviewTime);
      return this.rispReports.reviewTime
        ? moment(date1).format("YYYY-MM-DD")
        : "";
    }
  },
  watch: {
    rispReports(val) {
      console.log(val, "rispReports");
    }
  }
};
</script>

<style lang="less" scoped>
.risp-page-signature {
  display: flex;
  flex-wrap: wrap;
  .wrapper {
    display: flex;
    align-items: center;
    width: 33.333%;
    line-height: 30px;
    span {
      font-size: 14px;
      color: #000;
      font-family: "SimSun";
    }

    img {
      height: 25px;
      vertical-align: middle;
    }
  }
}

@media print {
  .risp-page-signature {
  .wrapper span {
       font-size: 20px;
      color: #000;
      font-family: "SimSun";
  }

  .wrapper img {
    height: 40px;
  }
}
}
</style>