139 lines
5.5 KiB
HTML
139 lines
5.5 KiB
HTML
<style>
|
|
|
|
table {
|
|
width: 100%;
|
|
line-height: 1.9rem;
|
|
}
|
|
|
|
th {
|
|
padding: 20px;
|
|
width: 50%;
|
|
}
|
|
.bt-table {
|
|
margin-top: 20px;
|
|
}
|
|
.noteDateTime{
|
|
width: 100%;
|
|
}
|
|
.noteDateTime{
|
|
display: flex;
|
|
}
|
|
.btList{
|
|
width: 184px;
|
|
}
|
|
.proparty{
|
|
float: left;
|
|
width: 140px;
|
|
}
|
|
.propartyTime{
|
|
float: left;
|
|
}
|
|
/* .list{
|
|
|
|
} */
|
|
.listSignature{
|
|
margin-top: 130px;
|
|
}
|
|
.listSignatureOrder{
|
|
margin-top: 40px;
|
|
}
|
|
.orderList{
|
|
margin-left: 50px;
|
|
height: 180px;
|
|
}
|
|
@media print {
|
|
.bloodTransfusionMain{
|
|
/* position: relative;
|
|
top: -20px; */
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<div class="bloodTransfusionMain">
|
|
<div class="bt-table">
|
|
<table>
|
|
<tr>
|
|
<th>BT Note</th>
|
|
<th>BT Order</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div style="font-size: 16px; text-align: left;" >
|
|
<div class="noteDateTime">
|
|
<div class="btList">
|
|
<div class="propartyTime">Date</div>
|
|
<span>: <span if="bTDateAndTime.length>0"> {{bTDateAndTime[0].value}} </span></span>
|
|
</div>
|
|
<div class="btList">
|
|
<div class="propartyTime">Time</div>
|
|
<span>: <span if="bTDateAndTime.length>0"> {{bTDateAndTime[0].value}} </span></span>
|
|
</div>
|
|
</div>
|
|
<div class="list">
|
|
<div class="proparty">Blood Group</div>
|
|
<span>: <span if="bTBloodGroup.length>0"> {{bTBloodGroup[0].value.shortName}} </span></span>
|
|
</div>
|
|
<div class="list">
|
|
<div class="proparty">Donor Name</div>
|
|
<span>: <span if="donorName.length>0"> {{donorName[0].value}} </span></span>
|
|
</div>
|
|
<div class="list">
|
|
<div class="proparty">Donor Sex</div>
|
|
<span>: <span if="donorSex.length>0"> {{donorSex[0].value.shortName}} </span></span>
|
|
</div>
|
|
<div class="list">
|
|
<div class="proparty">Donor Bag Number</div>
|
|
<span>: <span if="donorBagNo.length>0"> {{donorBagNo[0].value}} </span></span>
|
|
</div>
|
|
<div class="list">
|
|
<div class="proparty">Collection Date</div>
|
|
<span>: <span if="bloodCllectionDate.length>0"> {{bloodCllectionDate[0].value}} </span></span>
|
|
</div>
|
|
<div class="list">
|
|
<div class="proparty">Screening</div>
|
|
<span>: <span if="screening.length>0"> {{screening[0].value}} </span></span>
|
|
</div>
|
|
|
|
<div class="listSignature">
|
|
<div class="proparty">Signature</div>
|
|
<span>: ...............................................</span>
|
|
</div>
|
|
<div class="list">
|
|
<div class="proparty">Name</div>
|
|
<span>: ...............................................</span>
|
|
</div>
|
|
<div class="list">
|
|
<div class="proparty">Designation</div>
|
|
<span>: ...............................................</span>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="font-size: 16px; text-align: left;">
|
|
<p>Please, transfuse <span if="transfuse.length>0"> {{transfuse[0].value}}</span> unit of whole <span if="uniteOfWhole.length>0"> {{uniteOfWhole[0].value.shortName}} </span> conc.</p>
|
|
<p>At first start transfusion @ drops / minute, if no reaction then 15 drops / minutes</p>
|
|
<p>If any reaction then -</p>
|
|
<div class="orderList">
|
|
<ol>
|
|
<li ng-repeat="data in anyReactionThen">{{data.value.shortName}} <span ng-if="data.value.shortName ==='Other Reaction'">({{anyReactionNote[0].value}})</span></li>
|
|
</ol>
|
|
</div>
|
|
<div class="listSignatureOrder">
|
|
<div class="proparty">Signature</div>
|
|
<span>: ...........................................</span>
|
|
</div>
|
|
<div class="list">
|
|
<div class="proparty">Name</div>
|
|
<span>: ...........................................</span>
|
|
</div>
|
|
<div class="list">
|
|
<div class="proparty">Designation</div>
|
|
<span>: ...........................................</span>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div> |