|
|
@@ -80,12 +80,12 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-else>
|
|
|
+ <div v-else id="print-test">
|
|
|
<div
|
|
|
class="crad-area"
|
|
|
v-for="(item,index) in patientInfusionInfos"
|
|
|
:id="item.patInfo.patNo+'-'+index"
|
|
|
- style="margin: 0px 12px"
|
|
|
+ style="width: 230px;float: left;margin-right: 20px"
|
|
|
>
|
|
|
<bottle-card
|
|
|
:drugs="item.bottleCardDrugs"
|
|
|
@@ -97,15 +97,18 @@
|
|
|
</bottle-card>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="print-hiden-area" style="margin: 0px 12px" id="print-test">
|
|
|
+ <div class="print-hiden-area" style="margin: 0px 12px">
|
|
|
<div
|
|
|
class="print-bottle-card-area"
|
|
|
style="margin: 0px;"
|
|
|
>
|
|
|
+ <!-- printPatientBottleInfos -->
|
|
|
<div
|
|
|
v-for="(item,index) in printPatientBottleInfos"
|
|
|
:id="item.patInfo.patNo+'-'+index"
|
|
|
- style="width:230px;"
|
|
|
+ style="width: 240px;
|
|
|
+ float: left;
|
|
|
+ margin-right: 10px;"
|
|
|
>
|
|
|
<bottle-card
|
|
|
:drugs="item.bottleCardDrugs"
|
|
|
@@ -289,10 +292,12 @@ const execPrint = () => {
|
|
|
nextTick(() => {
|
|
|
let prntContent1 = document.getElementById("print-test").innerHTML
|
|
|
let flexStyles = getStyleText('.print-bottle-card-area');
|
|
|
- const prntStyle = `<style>${flexStyles}td{border: 1px solid black;
|
|
|
+ // const prntStyle = `<style>${flexStyles}td{border: 1px solid black;
|
|
|
+ // font-size: 12px;padding: 2px;}</style>`
|
|
|
+ const prntStyle = `<style>td{border: 1px solid black;
|
|
|
font-size: 12px;padding: 2px;}</style>`
|
|
|
let printFinal = prntStyle + prntContent1
|
|
|
- // console.log("prntContent1",prntContent1)
|
|
|
+ console.log("prntContent1",prntContent1)
|
|
|
LODOP.PRINT_INIT('infusionCard')
|
|
|
LODOP.SET_PRINT_PAGESIZE(1, '210mm', '297mm', '')
|
|
|
LODOP.ADD_PRINT_HTML('0mm', '0mm', '210mm', '297mm',printFinal)
|
|
|
@@ -388,10 +393,11 @@ onMounted(() => {
|
|
|
}
|
|
|
.print-bottle-card-area{
|
|
|
width: 730px;
|
|
|
- display: flex;
|
|
|
+ /* display: flex;
|
|
|
justify-content: space-between;
|
|
|
- /* align-items: center; */
|
|
|
- flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap; */
|
|
|
+ /* float: left; */
|
|
|
padding: 15px 5px;
|
|
|
}
|
|
|
.print-hiden-area{
|
