1

src/xt_pages/outpatientCharges/print.vue

       this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
 
       const style =
-        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; 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: 1px;}.prescriptionBox{padding:0 10px;min-height:750px;}.Rp{font-size: 22px;font-weight: bold;line-height:1px;}.drugsBox{padding-left: 40px;margin-bottom: 10px;margin-bottom: 10px;}.drugsBox p{line-height: 1px;padding-bottom:10px !important;} .drugsOne{line-height: 1px;margin-bottom:10px !important;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}';
+        '@media print {#prescription-print{font-size:14px;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; padding:0 10px;}.infoTitle p{width: 200px;font-size:14px;}.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;margin-bottom: 10px;}.drugsBox div{line-height: 20px;} .drugsOne{line-height: 1px;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}';
       printJS({
         printable: "prescription-print",
         type: "html",

src/xt_pages/outpatientCharges/template/printOne.vue

             <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 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">
-            <p class="Rp">Rp:</p>
+            <div class="Rp">Rp:</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 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">
-                <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 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">
     border-bottom: 2px solid #000;
     padding:0 10px;
 }
-.infoMain p{
+.infoMain div{
     width: 50%;
     line-height: 24px;
 }
 .prescriptionBox{
     padding:0 10px;
-    min-height:600px;
+    min-height:450px;
 }
 .Rp{
     font-size: 22px;
     padding-left: 40px;
     margin-bottom: 10px;
 }
-.drugsBox p{
-    line-height: 30px;
+.drugsBox div{
+    line-height: 20px;
 }
 .drugsOne{
     line-height: 24px;

src/xt_pages/outpatientDoctorStation/print.vue

       this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
 
       const style =
-        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; 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: 1px;}.prescriptionBox{padding:0 10px;min-height:750px;}.Rp{font-size: 22px;font-weight: bold;line-height:1px;}.drugsBox{padding-left: 40px;margin-bottom: 10px;margin-bottom: 10px;}.drugsBox p{line-height: 1px;padding-bottom:10px !important;} .drugsOne{line-height: 1px;margin-bottom:10px !important;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}';
+        '@media print {#prescription-print{font-size:14px;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; padding:0 10px;}.infoTitle p{width: 200px;font-size:14px;}.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;margin-bottom: 10px;}.drugsBox div{line-height: 20px;} .drugsOne{line-height: 1px;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}';
       printJS({
         printable: "prescription-print",
         type: "html",

src/xt_pages/outpatientDoctorStation/printtwo.vue

       this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
 
       const style =
-        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; 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: 1px;}.prescriptionBox{padding:0 10px;height:750px;}.Rp{font-size: 22px;font-weight: bold;line-height:1px;}.drugsBox{padding-left: 40px;margin-bottom: 10px;margin-bottom: 10px;}.drugsBox p{line-height: 1px;padding-bottom:10px !important;} .drugsOne{line-height: 1px;margin-bottom:10px !important;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}';
+        '@media print {#prescription-print{font-size:14px;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; padding:0 10px;}.infoTitle p{width: 200px;font-size:14px;}.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;margin-bottom: 10px;}.drugsBox div{line-height: 20px;} .drugsOne{line-height: 1px;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}';
       printJS({
         printable: "prescription-print",
         type: "html",

src/xt_pages/outpatientDoctorStation/recordPrint.vue

       this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
 
       const style =
-        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;margin-top:10px;line-height: 1px;padding:0 10px;}.infoTitle p{width: 200px;}.otherInfo{display: flex;margin-top:10px;padding:0 10px;}.otherInfo span{display:inline-block;}.recordTitle{display: flex;margin-top:10px;line-height: 24px;padding:0 10px;border-bottom: 2px solid #000;}.recordTitle p{width: 200px;}}';
+        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;margin-top:10px;padding:0 10px;}.infoTitle div{width: 200px;}.otherInfo{display: flex;margin-top:20px;padding:0 10px;}.otherInfo span{display:inline-block;}.recordTitle{display: flex;margin-top:10px;line-height: 24px;padding:0 10px;border-bottom: 2px solid #000;}.recordTitle div{width: 200px;}}';
       printJS({
         printable: "prescription-print",
         type: "html",

src/xt_pages/outpatientDoctorStation/recordTemplate/printOne.vue

     <div id='prescription-print' class="prescription-print">
         <div class="printTitle">门诊病历</div>
         <div class="infoTitle">
-            <p>姓名：{{patient.name}}</p>
-            <p>性别：
+            <div>姓名：{{patient.name}}</div>
+            <div>性别：
                 <span v-if="patient.gender == 1">男</span>
                 <span v-if="patient.gender == 2">女</span>
-            </p>
-            <p>年龄：{{patient.age}}岁</p>
+            </div>
+            <div>年龄：{{patient.age}}岁</div>
         </div>
         <div class="infoTitle">
-            <p>婚姻状况：
+            <div>婚姻状况：
               <span v-if="patient.marital_status == 1">已婚 </span>
               <span v-if="patient.marital_status == 2">未婚 </span>
-            </p>
-            <p>职业：{{getProfession(patient.profession)}}</p>
+            </div>
+            <div>职业：{{getProfession(patient.profession)}}</div>
         </div>
         <div class="otherInfo">
-            <p>医保号：</p>
-            <p style="flex:1;">{{patient.health_care_no}}</p>
+            <div>医保号：</div>
+            <div style="flex:1;">{{patient.health_care_no}}</div>
         </div>
         <div class="otherInfo">
-            <p>联系电话：</p>
-            <p style="flex:1;">{{patient.phone}}</p>
+            <div>联系电话：</div>
+            <div style="flex:1;">{{patient.phone}}</div>
         </div>
         <div class="otherInfo">
-            <p>通讯地址：</p>
-            <p style="flex:1;">{{patient.home_address}}</p>
+            <div>通讯地址：</div>
+            <div style="flex:1;">{{patient.home_address}}</div>
         </div>
         <div class="otherInfo">
-            <p>药物过敏史：</p>
-            <p style="flex:1;">{{patient.past_history}}</p>
+            <div>药物过敏史：</div>
+            <div style="flex:1;">{{patient.past_history}}</div>
         </div>
         <div class="otherInfo">
-            <p>病历编号：</p>
-            <p style="flex:1;">{{patient.id}}</p>
+            <div>病历编号：</div>
+            <div style="flex:1;">{{patient.id}}</div>
         </div>
         <div style="page-break-after:always;margin-top:50px;"></div>
 
 
         <div class="printTitle">病历内容</div>
         <div class="recordTitle">
-            <p>科别：{{hispatient.departments}}</p>
-            <p>姓名：{{hispatient.name}}</p>
-            <p>性别：
+            <div>科别：{{hispatient.departments}}</div>
+            <div>姓名：{{hispatient.name}}</div>
+            <div>性别：
                 <span v-if="hispatient.gender == 1">男</span>
                 <span v-if="hispatient.gender == 2">女</span>
-            </p>
-            <p>年龄：{{hispatient.age}}岁</p>
+            </div>
+            <div>年龄：{{hispatient.age}}岁</div>
         </div>
         <div class="otherInfo">
-            <p class="otherName">主诉：</p>
-            <p style="flex:1;">{{history.chief_conplaint}}</p>
+            <div class="otherName">主诉：</div>
+            <div style="flex:1;">{{history.chief_conplaint}}</div>
         </div>
         <div class="otherInfo">
-            <p class="otherName">现病史：</p>
-            <p style="flex:1;">{{history.history_of_present_illness}}</p>
+            <div class="otherName">现病史：</div>
+            <div style="flex:1;">{{history.history_of_present_illness}}</div>
         </div>
         <div class="otherInfo">
-            <p class="otherName">既往史：</p>
-            <p style="flex:1;">{{history.past_history}}</p>
+            <div class="otherName">既往史：</div>
+            <div style="flex:1;">{{history.past_history}}</div>
         </div>
         <div class="otherInfo">
-            <p class="otherName">药物过敏史：</p>
-            <p style="flex:1;">{{history.past_history}}</p>
+            <div class="otherName">药物过敏史：</div>
+            <div style="flex:1;">{{history.past_history}}</div>
         </div>
         <div class="otherInfo">
-            <p class="otherName">个人史：</p>
-            <p style="flex:1;">{{history.personal_history}}</p>
+            <div class="otherName">个人史：</div>
+            <div style="flex:1;">{{history.personal_history}}</div>
         </div>
         <div class="otherInfo">
-            <p class="otherName">家族史：</p>
-            <p style="flex:1;">{{history.family_history}}</p>
+            <div class="otherName">家族史：</div>
+            <div style="flex:1;">{{history.family_history}}</div>
         </div>
         <div class="otherInfo">
-            <p class="otherName">体格检查：</p>
-            <p style="flex:1;">无</p>
+            <div class="otherName">体格检查：</div>
+            <div style="flex:1;">无</div>
         </div>
         <div class="otherInfo">
-            <p class="otherName">门诊诊断：</p>
-            <p style="flex:1;">{{history.diagnostic}}</p>
+            <div class="otherName">门诊诊断：</div>
+            <div style="flex:1;">{{history.diagnostic}}</div>
         </div>
         <div class="otherInfo">
-            <p class="otherName">门诊医嘱：</p>
-            <p style="flex:1;">{{history.doctor_advice}}</p>
+            <div class="otherName">门诊医嘱：</div>
+            <div style="flex:1;">{{history.doctor_advice}}</div>
         </div>
         <div style="margin-top:20px;text-align:right;">
             医生签名：{{getDoctor(history.doctor)}}
     line-height: 24px;
     padding:0 10px;
 }
-.infoTitle p{
+.infoTitle div{
     width: 200px;
 }
 .otherInfo{
     padding:0 10px;
     border-bottom: 2px solid #000;
 }
-.recordTitle p{
+.recordTitle div{
     width: 200px;
 }
 

src/xt_pages/outpatientDoctorStation/template/printOne.vue

             <p>年龄：{{patient.age}}岁</p>
         </div>
         <div class="infoMain">
-            <p style="margin-bottom: 10px;">门诊号：{{this.hisPatient.number?this.hisPatient.number:""}}</p>
-            <p style="margin-bottom: 10px;">科室：{{getDepart(this.hisPatient.departments?this.hisPatient.departments:"")}}</p>
-            <p style="margin-bottom: 10px;">医保卡号：{{this.hisPatient.number?this.hisPatient.number:""}}</p>
-            <p style="margin-bottom: 10px;">电话：{{patient.phone}}</p>
-            <p>地址：{{patient.home_address}}</p>
-            <p>临床诊断：{{patient.diagnose}}</p>
+            <div style="margin-bottom: 10px;">门诊号：{{this.hisPatient.number?this.hisPatient.number:""}}</div>
+            <div style="margin-bottom: 10px;">科室：{{getDepart(this.hisPatient.departments?this.hisPatient.departments:"")}}</div>
+            <div style="margin-bottom: 10px;">医保卡号：{{this.hisPatient.number?this.hisPatient.number:""}}</div>
+            <div style="margin-bottom: 10px;">电话：{{patient.phone}}</div>
+            <div>地址：{{patient.home_address}}</div>
+            <div style="display:flex;width:50%;">临床诊断：{{patient.diagnose}}</div>
         </div>
         <div class="prescriptionBox">
-            <p class="Rp">Rp:</p>
+            <div class="Rp">Rp:</div>
             <div class="drugsBox" v-for="(item,index) in advicePrint" :key="index">
-                <p class="drugsOne">{{item.advice_name?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 class="drugsOne">{{item.advice_name?item.advice_name:""}}&nbsp;&nbsp;{{item.single_dose}}{{item.single_dose_unit}}&nbsp;×&nbsp; {{item.prescribing_number}}{{item.prescribing_number_unit}}</div>
+                <div 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></div>
             </div>
         </div>
         <div class="doctorBox">
     border-bottom: 2px solid #000;
     padding:0 10px;
 }
-.infoMain p{
+.infoMain div{
     width: 50%;
     line-height: 24px;
 }
 .prescriptionBox{
     padding:0 10px;
-    min-height:600px;
+    min-height:450px;
 }
 .Rp{
     font-size: 22px;
     padding-left: 40px;
     margin-bottom: 10px;
 }
-.drugsBox p{
-    line-height: 30px;
+.drugsBox div{
+    line-height: 20px;
 }
 .drugsOne{
     line-height: 24px;

src/xt_pages/outpatientDoctorStation/template/printTwo.vue

             <p>年龄：{{patient.age}}岁</p>
         </div>
         <div class="infoMain">
-            <p style="margin-bottom: 10px;">门诊号：{{this.hisPatient.number?this.hisPatient.number:""}}</p>
-            <p style="margin-bottom: 10px;">科室：{{getDepart(this.hisPatient.departments?this.hisPatient.departments:"")}}</p>
-            <p style="margin-bottom: 10px;">医保卡号：{{this.hisPatient.number?this.hisPatient.number:""}}</p>
-            <p style="margin-bottom: 10px;">电话：{{patient.phone}}</p>
-            <p>地址：{{patient.home_address}}</p>
-            <p>临床诊断：{{patient.diagnose}}</p>
+            <div style="margin-bottom: 10px;">门诊号：{{this.hisPatient.number?this.hisPatient.number:""}}</div>
+            <div style="margin-bottom: 10px;">科室：{{getDepart(this.hisPatient.departments?this.hisPatient.departments:"")}}</div>
+            <div style="margin-bottom: 10px;">医保卡号：{{this.hisPatient.number?this.hisPatient.number:""}}</div>
+            <div style="margin-bottom: 10px;">电话：{{patient.phone}}</div>
+            <div>地址：{{patient.home_address}}</div>
+            <div style="display:flex;width:50%;">临床诊断：{{patient.diagnose}}</div>
         </div>
         <div class="prescriptionBox">
-            <p class="Rp">Rp:</p>
+            <div class="Rp">Rp:</div>
             <div class="drugsBox" v-for="(item,index) in advicePrint" :key="index">
-                <p class="drugsOne">{{item.advice_name?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 class="drugsOne">{{item.advice_name?item.advice_name:""}}&nbsp;&nbsp;{{item.single_dose}}{{item.single_dose_unit}}&nbsp;×&nbsp; {{item.prescribing_number}}{{item.prescribing_number_unit}}</div>
+                <div 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></div>
             </div>
         </div>
         <div class="doctorBox">
     border-bottom: 2px solid #000;
     padding:0 10px;
 }
-.infoMain p{
+.infoMain div{
     width: 50%;
     line-height: 24px;
 }
 .prescriptionBox{
     padding:0 10px;
-    height:600px;
+    min-height:450px;
 }
 .Rp{
     font-size: 22px;
     padding-left: 40px;
     margin-bottom: 10px;
 }
-.drugsBox p{
-    line-height: 30px;
+.drugsBox div{
+    line-height: 20px;
 }
 .drugsOne{
     line-height: 24px;