<template>
    <div id='prescription-print' class="prescription-print">
        <div class="printTitle">血液透析中心处方笺</div>
        <div class="infoTitle">
            <p>姓名：阿萨德</p>
            <p>性别：男</p>
            <p>年龄：12岁</p>
        </div>
        <div class="infoMain">
            <div style="margin-bottom: 10px;">门诊号：111111111111</div>
            <div style="margin-bottom: 10px;">科室：全科</div>
            <div style="margin-bottom: 10px;">医保卡号：111111111111</div>
            <div style="margin-bottom: 10px;">电话：111111111111</div>
            <div>地址：加上来看待就卢萨卡的及拉丝机的了</div>
            <div>临床诊断：拉胯手机上的拉丝机的</div>
        </div>
        <div class="prescriptionBox">
            <div class="Rp">Rp:</div>
            <div class="drugsBox">
                <div class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</div>
                <div style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></div>
            </div>
            <div class="drugsBox">
                <div class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</div>
                <div style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></div>
            </div>
        </div>
        <div class="doctorBox">
            <p>医师：高华</p>
            <p>日期：2020-11-14 09:12:32</p>
        </div>
        <div class="actionBar">
            <p>审核：</p>
            <p>配对：</p>
            <p>核对：</p>
            <p>发药：</p>
            <p>药费：</p>
        </div>
    </div>
</template>



<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 div{
    width: 50%;
    line-height: 24px;
}
.prescriptionBox{
    padding:0 10px;
    min-height:450px;
}
.Rp{
    font-size: 22px;
    font-weight: bold;
}
.drugsBox{
    padding-left: 40px;
    margin-bottom: 10px;
}
.drugsBox div{
    line-height: 20px;
}
.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>
