Vue_New/src/xt_pages/outpatientCharges/template/printOne.vue

<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">
            <p style="margin-bottom: 10px;">门诊号：111111111111</p>
            <p style="margin-bottom: 10px;">科室：全科</p>
            <p style="margin-bottom: 10px;">医保卡号：111111111111</p>
            <p style="margin-bottom: 10px;">电话：111111111111</p>
            <p>地址：加上来看待就卢萨卡的及拉丝机的了</p>
            <p>临床诊断：拉胯手机上的拉丝机的</p>
        </div>
        <div class="prescriptionBox">
            <p class="Rp">Rp:</p>
            <div class="drugsBox">
                <p class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</p>
                <p style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></p>
            </div>
            <div class="drugsBox">
                <p class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</p>
                <p style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></p>
            </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 p{
    width: 50%;
    line-height: 24px;
}
.prescriptionBox{
    padding:0 10px;
    min-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>