elizebeth/src/xt_pages/outpatientDoctorStation/template/printTwo.vue

<template>
    <div id='prescription-print' class="prescription-print">
        <div class="printTitle">血液透析中心处方笺</div>
        <div class="infoTitle">
            <p>姓名：{{patient.name}}</p>
            <p>性别：
               <span v-if="patient.gender == 1">男</span>
               <span v-if="patient.gender == 2">女</span>
            </p>
            <p>年龄：{{patient.age}}岁</p>
        </div>
        <div class="infoMain">
            <p style="margin-bottom: 10px;">门诊号：</p>
            <p style="margin-bottom: 10px;">科室：</p>
            <p style="margin-bottom: 10px;">医保卡号：</p>
            <p style="margin-bottom: 10px;">电话：{{patient.phone}}</p>
            <p>地址：{{patient.home_address}}</p>
            <p>临床诊断：{{patient.diagnose}}</p>
        </div>
        <div class="prescriptionBox">
            <p class="Rp">Rp:</p>
            <div class="drugsBox" v-for="(item,index) in advicePrint" :key="index">
                <p class="drugsOne">{{item.advice_name}}&nbsp;&nbsp;{{item.single_dose}}{{item.single_dose_unit}}&nbsp;×&nbsp; {{item.prescribing_number}}{{item.prescribing_number_unit}}</p>
                <p style="margin-left:100px;"><span>用法：{{item.single_dose}}{{item.single_dose_unit}}</span>&nbsp;&nbsp;<span>{{item.execution_frequency}}</span>&nbsp;&nbsp;<span>{{item.advice_desc}}</span></p>
            </div>
        </div>
        <div class="doctorBox">
            <p>医师：{{getDoctor(advicePrint[0].advice_doctor)}}</p>
            <p>日期：{{getTime(advicePrint[0].advice_date)}}</p>
        </div>
        <div class="actionBar">
            <p>审核：{{getDoctor(advicePrint[0].advice_doctor)}}</p>
            <p>配对：{{getDoctor(advicePrint[0].advice_doctor)}}</p>
            <p>核对：{{getDoctor(advicePrint[0].checker)}}</p>
            <p>发药：{{getDoctor(advicePrint[0].execution_staff)}}</p>
            <p>药费：{{advicePrint[0].price}}</p>
        </div>
    </div>
</template>
<script>
import { jsGetAge, uParseTime } from '@/utils/tools'
  import {getAllDoctorList} from "@/api/project/project"
export default {
    props:{
      patient:Object,
      advicePrint:Array,
      hisPatient:Object,
    }, 
    data(){
      return{
        doctorList:[]
      }
    },
   methods:{
     
     getAllDoctorList(){
      getAllDoctorList().then(response=>{
        if(response.data.state == 1){
               var doctor =  response.data.data.doctor
               
               this.doctorList = doctor
             }
         })   
     },

      getDoctor(id){
        var name = ""
        for(let i=0;i<this.doctorList.length;i++){
          if(id == this.doctorList[i].admin_user_id){
              name = this.doctorList[i].user_name
          }
        }
        return name
      },
      getTime(value, temp) {
        if (value != undefined) {
            return uParseTime(value, temp)
        }
        return ''
     },
   },
   created(){
      this.getAllDoctorList()
   }
}
</script>


<style lang="scss" scoped>
.printTitle{
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}
.infoTitle{
    display: flex;
    border-bottom: 2px solid #000;
    margin-top:10px;
    line-height: 24px;
    padding:0 10px;
}
.infoTitle p{
    width: 200px;
}
.infoMain{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid #000;
    padding:0 10px;
}
.infoMain p{
    width: 50%;
    line-height: 24px;
}
.prescriptionBox{
    padding:0 10px;
    height:600px;
}
.Rp{
    font-size: 22px;
    font-weight: bold;
}
.drugsBox{
    padding-left: 40px;
    margin-bottom: 10px;
}
.drugsBox p{
    line-height: 30px;
}
.drugsOne{
    line-height: 24px;
}
.drugsOne span{
    margin-right: 20px;
}
.doctorBox{
    display: flex;
    justify-content: space-between;
    padding:0 10px;
    line-height: 24px;
    border-bottom: 2px solid #000;
}
.actionBar{
    display: flex;
    justify-content: space-between; 
    line-height: 24px;
    padding:0 10px;
}
.actionBar p{
    width:150px;
}
</style>