1

src/xt_pages/outpatientDoctorStation/checkPrint.vue

 <template>
   <div>
-       <template>
+       <!-- <template>
         <el-button
           style="float:right;"
           :loading="loading"
           type="primary"
           >打印</el-button
         >
-      </template>
+      </template> -->
             
       <div class='dialysisPage' style="padding-top:40px;">
         <printOne v-bind:childResponse="childResponse" :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id"></printOne>

src/xt_pages/outpatientDoctorStation/doctorDesk.vue

                     title="打印"
                     :visible.sync="innerVisible"
                     append-to-body>
-                <print ref="print" v-if="selecting_schs1.length > 0" :paramsObj='paramsObj'></print>
-                <treatPrint ref="treatPrint" v-if="selecting_schs2.length > 0" :paramsObj='paramsObj2'></treatPrint>
-                <checkPrint ref="checkPrint" v-if="selecting_schs3.length > 0" :paramsObj='paramsObj3'></checkPrint>
+                  <template>
+                    <el-button
+                      style="float:right;"
+                      :loading="loading"
+                      size="small"
+                      icon="el-icon-printer"
+                      @click="printThisPage"
+                      type="primary"
+                      >打印</el-button
+                    >
+                  </template>  
+                  <div id='printMain'>
+                    <print ref="print" v-if="selecting_schs1.length > 0" :paramsObj='paramsObj'></print>
+                    <treatPrint ref="treatPrint" v-if="selecting_schs2.length > 0" :paramsObj='paramsObj2'></treatPrint>
+                    <checkPrint ref="checkPrint" v-if="selecting_schs3.length > 0" :paramsObj='paramsObj3'></checkPrint>
+                  </div>
+                
             </el-dialog>
             <span slot="footer" class="dialog-footer">
         <el-button @click="centerDialogVisible = false">取 消</el-button>
         this.getPrescriptionList(this.patientInfo.id)
       },
       printThisPage(){
-        this.$nextTick(() => {
-          this.$refs.print.printThisPage()
-          this.$refs.treatPrint.printThisPage()
-          this.$refs.checkPrint.printThisPage()
-        })
+        const style =
+          '@media print {#prescription-print{font-size:14px;border:1px solid white}.prescription-print:last-child {page-break-after: auto;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;margin-bottom: 10px;}.infoTitle{display: flex;margin-top:10px;}.infoTitle div{width: 200px;}.infoMain{display: flex;flex-wrap: wrap;margin-top:10px;}.infoMain div{width: 50%;line-height: 24px;}.prescriptionBox{min-height:350px;}.Rp{font-size: 18px;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;}.under_line{display: inline-block;border-bottom: 1px solid #000;flex: 1;}@media print {html {zoom: 90%;}}#prescription-print{font-size:14px;border:1px solid white}.prescription-print:last-child {page-break-after: auto;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;margin-bottom: 10px;}.infoTitle{display: flex;margin-top:10px;}.infoTitle div{width: 200px;}.infoMain{display: flex;flex-wrap: wrap;margin-top:10px;}.infoMain div{width: 50%;line-height: 24px;}.prescriptionBox{min-height:350px;}.Rp{font-size: 18px;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;}.under_line{display: inline-block;border-bottom: 1px solid #000;flex: 1;}@media print {html {zoom: 90%;}}}';
+        printJS({
+          printable: "printMain",
+          type: "html",
+          style: style,
+          scanStyles: false
+        });
+        this.innerVisible = false
+        // this.$nextTick(() => {
+        //   this.$refs.print.printThisPage()
+        //   this.$refs.treatPrint.printThisPage()
+        //   this.$refs.checkPrint.printThisPage()
+        // })
       },
       changeOther(patient_id){
         this.radio = 2;

src/xt_pages/outpatientDoctorStation/print.vue

 <template>
   <div>
-      <template>
+      <!-- <template>
         <el-button
           style="float:right;"
           :loading="loading"
           type="primary"
           >打印</el-button
         >
-      </template>
+      </template> -->
 
     <div class='dialysisPage' style="padding-top:40px;">
       <div v-if="org_id != 10138">

src/xt_pages/outpatientDoctorStation/treatPrint.vue

 <template>
   <div>
-       <template>
+       <!-- <template>
         <el-button
           style="float:right;"
           :loading="loading"
           type="primary"
           >打印</el-button
         >
-      </template>
+      </template> -->
             
       <div class='dialysisPage' style="padding-top:40px;">
         <printOne v-if="org_id != 10138" v-bind:childResponse="childResponse" :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id"></printOne>