1

src/xt_pages/outpatientCharges/outpatientChargesManagement.vue

       </div>
     </div>
     <additionalCharges ref='additionalCharges' @click="addCharges" :addtions_charge="addtions_charge"></additionalCharges>
+    <el-dialog
+      class="centerDialog"
+      width="900px"
+      title="打印"
+      :visible.sync="treatVisible">
+      <treatPrint :paramsObj='paramsObj'></treatPrint>
+    </el-dialog>
   </div>
 </template>
 
   import additionalCharges from './components/additionalCharges'
   import { getPatientInformation, getPatientList } from '@/api/project/project'
   import { getPatientInfo, getSchedulePatientList, register, upload,Refund } from '@/api/his/his'
+  import treatPrint from './treatPrint'
 
   const moment = require('moment')
   export default {
       charged,
       medicalInsuranceRefund,
       prescriptionTable,
-      additionalCharges
+      additionalCharges,
+      treatPrint,
+      
     },
     data() {
       return {
         all_table_data:[],
         order:{},
         addtions_charge:[],
+        treatVisible:false,
+        paramsObj:{}
       }
     },
     created() {
           this.$router.push('/outpatientDoctorStation/printtwo?record=' + this.record_date)
 
         } else if (index == 3) {
-          this.$router.push('/outpatientCharges/treatPrint?record_date=' + this.record_date + '&patient_id=' + this.patient_id + '&prescription_id=' + this.prescription_id)
+          let obj = {
+            record_date:this.record_date,
+            patient_id:this.patient_id,
+            prescription_id:this.prescription_id
+          }
+          this.paramsObj = obj
+          this.treatVisible = true
+          // this.$router.push('/outpatientCharges/treatPrint?record_date=' + this.record_date + '&patient_id=' + this.patient_id + '&prescription_id=' + this.prescription_id)
         } else if (index == 4) {
 
           if(this.hisPatientInfo.id == 0){

src/xt_pages/outpatientCharges/treatPrint.vue

 <template>
-  <div class="main-contain">
-    <div class="position">
-      <bread-crumb :crumbs="crumbs"></bread-crumb>
-       <template>
-        <el-button
-          :loading="loading"
-          size="small"
-          icon="el-icon-printer"
-          @click="printThisPage"
-          type="primary"
-          >打印</el-button
-        >
-      </template>
-    </div>
-    <div class="app-container" style="min-height:0;">
-        <div class='dialysisPage' style="flex: 1;height: calc(100vh - 178px);overflow-x:auto;::-webkit-scrollbar:height:15px">
-            <printOne v-bind:childResponse="childResponse"></printOne>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        :loading="loading"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+        >打印</el-button
+      >
+    </template>
+    <div class="app-container" style="padding-top:40px;">
+        <div class='dialysisPage'>
+            <printOne v-bind:childResponse="childResponse" :paramsObj="paramsObj"></printOne>
         </div>
     </div>
   </div>
     BreadCrumb,
     printOne
   },
+  props:{
+    paramsObj:Object
+  },
   data() {
     return {
       crumbs: [
         { path: false, name: "打印单" }
       ],
       childResponse: {},
+      paramsObj:{}
       
 
     };
   },
   created() {
   },
+  watch:{
+    paramsObj:{//深度监听，可监听到对象、数组的变化
+      handler(val, oldVal){
+        this.paramsObj = val
+        
+      },
+      deep:true
+    }
+  }
 };
 </script>
 

src/xt_pages/outpatientCharges/treatTemplate/printOne.vue

           patient:{},
       } 
     },
+    props:{
+        paramsObj:Object
+    },
     methods:{
        getChargePrint(record_date,patient_id,prescription_id){
            var params = {
        }
     },
     created(){
-       var record_date =  this.$route.query.record_date
+       var record_date =  this.paramsObj.record_date
        console.log("record_date",record_date)
-       var patient_id = this.$route.query.patient_id
+       var patient_id = this.paramsObj.patient_id
        console.log("patient_id",patient_id)
-       var prescription_id = this.$route.query.prescription_id
+       var prescription_id = this.paramsObj.prescription_id
        this.getChargePrint(record_date,patient_id,prescription_id)
 
+    },
+    watch:{
+        paramsObj:{//深度监听，可监听到对象、数组的变化
+        handler(val, oldVal){
+            this.paramsObj = val
+            this.patient_id = this.paramsObj.patient_id
+            var record_date = this.paramsObj.record
+            this.record_date = record_date
+            var prescription_id = this.paramsObj.prescription_id
+            this.prescription_id = prescription_id
+            
+        },
+        deep:true
+        }
     }
 }
 </script>
 
 
 <style lang="scss" scoped>
+.prescription-print{
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding:20px 10px;
+}
 .printTitle{
     font-size: 22px;
     text-align: center;

src/xt_pages/outpatientDoctorStation/doctorDesk.vue

     </el-table>
     <el-dialog
       class="centerDialog"
-      width="560px"
+      width="600px"
       title="打印"
       :visible.sync="innerVisible"
       append-to-body>
       
-      <print :paramsObj='paramsObj'></print>
+      <print v-if="index == 2" :paramsObj='paramsObj'></print>
+      <treatPrint v-if="index == 6" :paramsObj='paramsObj'></treatPrint>
     </el-dialog>
       <span slot="footer" class="dialog-footer">
         <el-button @click="centerDialogVisible = false">取 消</el-button>
         <el-button type="primary" @click="savePrint">确 定</el-button>
       </span>
     </el-dialog>
+    <el-dialog
+      class="centerDialog"
+      width="600px"
+      title="打印"
+      :visible.sync="recordVisible">
+      <recordPrint :patientid="patientid"></recordPrint>
+    </el-dialog>
 
   </div>
 </template>
   import { uParseTime } from '@/utils/tools'
   import { getPrescriptionList } from "@/api/project/project"
   import print from './print'
+  import treatPrint from './treatPrint'
+  import recordPrint from './recordPrint'
   export default {
     components: {
       BreadCrumb,
       deskRecord,
       medicalRecord,
       saveRecordTemplate,
-      print
+      print,
+      treatPrint,
+      recordPrint
     },
     data() {
       return {
         admin_info:{},
         saveLoading:false,
         innerVisible:false,
-        paramsObj:{}
+        paramsObj:{},
+        recordVisible:false,
+        recordObj:{}
 
       }
     },
           }
           this.$refs.child.createCaseHistory()
         } else if (index == 2) {
-          this.$router.push('/outpatientDoctorStation/recordPrint?record='+this.record_date+"&patient_id="+this.patientid)
+          this.recordVisible = true
+          // this.$router.push('/outpatientDoctorStation/recordPrint?record='+this.record_date+"&patient_id="+this.patientid)
         } else if (index == 3) {
            var mode_status =   this.$refs.saveRecordTemplate.mode_status
            console.log("数据返回",mode_status)
           //  this.$router.push("/outpatientDoctorStation/print?record="+this.record_date+"&prescription_id="+this.prescription_id+"&ids="+ids+"&patient_id="+this.patientid)
          }
          if(this.index == 6){
-            this.$router.push("/outpatientDoctorStation/treatPrint?record="+this.record_date+"&prescription_id="+this.prescription_id+"&ids="+ids+"&patient_id="+this.patientid)
+          let obj = {
+            record:this.record_date,
+            prescription_id:this.prescription_id,
+            ids:ids,
+            patient_id:this.patientid
+          }
+          this.paramsObj = obj
+          this.innerVisible = true
+          // this.$router.push("/outpatientDoctorStation/treatPrint?record="+this.record_date+"&prescription_id="+this.prescription_id+"&ids="+ids+"&patient_id="+this.patientid)
          }
       }
     },
   .centerDialog{
     .el-dialog__body{
       max-height: calc(100vh - 100px) !important;
+      padding: 0 20px;
     }
   }
 </style>

src/xt_pages/outpatientDoctorStation/print.vue

 <template>
   <div>
-       <template>
+      <template>
         <el-button
+          style="position:fixed;right:25px;z-index:999"
           :loading="loading"
           size="small"
           icon="el-icon-printer"
         >
       </template>
             
-    <div class='dialysisPage'>
+    <div class='dialysisPage' style="padding-top:40px;">
       <printOne v-bind:childResponse="childResponse" :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :doctorPorject="doctorPorject" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id"></printOne>
     </div>
   </div>

src/xt_pages/outpatientDoctorStation/recordPrint.vue

 <template>
-  <div class="main-contain">
-    <div class="position">
-      <bread-crumb :crumbs="crumbs"></bread-crumb>
-       <template>
-        <el-button
-          size="small"
-          icon="el-icon-printer"
-          @click="printThisPage"
-          type="primary"
-          >打印</el-button
-        >
-      </template>
-    </div>
-    <div class="app-container" style="min-height:0;">
-        <el-container class="newContainer">
-            <!-- <div style="width:270px;margin-right:20px;">
-                <div class="cell clearfix" style="margin-bottom:10px;">
-                    <el-input size="small"  v-model.trim="search_input" class="filter-item"/>
-                    <el-button size="small" class="filter-item" type="primary" :model="keyword" @click="searchAction">搜索</el-button>
-                </div>
-                <el-table ref="tab" @row-click="changePatient" highlight-current-row :data="patientTableData" height="480" border style="width: 100%">
-                    <el-table-column prop="date"  label="患者">
-                        <template slot-scope="scope">
-                            {{scope.row.patients.name?scope.row.patients.name:''}}
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="name" label="就诊号">
-                        <template slot-scope="scope">
-                           {{ scope.row.his_patient.number ?scope.row.his_patient.number:''}}
-                        </template>
-                    </el-table-column>
-                </el-table>
-            </div> -->
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+        >打印</el-button
+      >
+    </template>
             
-            <div class='dialysisPage' style="flex: 1;height: calc(100vh - 178px);overflow-x:auto;::-webkit-scrollbar:height:15px">
-              <printOne v-bind:childResponse="childResponse" :patient="patient" :hispatient = "hispatient" :history="history"></printOne>
-            </div>
-        </el-container>
+    <div class='dialysisPage' style="padding-top:40px;">
+      <printOne v-bind:childResponse="childResponse" :patient="patient" :hispatient="hispatient" :history="history" :patientid="patientid"></printOne>
     </div>
   </div>
 </template>
     BreadCrumb,
     printOne
   },
+  props:{
+    patientid:Number,
+  },
   data() {
     return {
       crumbs: [
       hispatient:{},
       educationOptions:[],
       history:{},
-      keyword:""
+      keyword:"",
+      patientid:''
     };
   },
   methods: {
     
   },
   created() {
-    this.getPatientList() 
+    // this.getPatientList() 
    
   },
   // computed:{

src/xt_pages/outpatientDoctorStation/recordTemplate/printOne.vue

 <template>
-    <div id='prescription-print' class="prescription-print">
+<div id='prescription-print'>
+    <div class="prescription-print">
         <div class="printTitle">门诊病历</div>
         <div class="infoTitle">
             <div>姓名：{{patient.name?patient.name:''}}</div>
             <div style="flex:1;">{{patient.id?patient.id:''}}</div>
         </div>
         <div style="page-break-after:always;margin-top:50px;"></div>
+    </div>
 
-
+    <div class="prescription-print">
         <div class="printTitle">病历内容</div>
         <div class="recordTitle">
             <div>科别：{{getDeparment(hispatient.departments)?getDeparment(hispatient.departments):''}}</div>
             医生签名：{{getDoctor(history.doctor)?getDoctor(history.doctor):''}}
         </div>
     </div>
+</div>
 </template>
 <script>
 
     props:{
       patient:Object,
       hispatient:Object,
+      patientid:Number
     //   history:Object,
     },
     data(){
       getPatientCaseHistory(){
 
         const params = {
-          patient_id:this.$route.query.patient_id
+          patient_id:this.patientid
         }
       console.log("病历22222",params)
       getPatientCaseHistory(params).then(response=>{
 
 
 <style lang="scss" scoped>
+.prescription-print{
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding:20px 10px;
+}
 .printTitle{
     font-size: 22px;
     text-align: center;

src/xt_pages/outpatientDoctorStation/template/printOne.vue

 
      
    },
-  //  watch:{
-  //    patient_id:function(val){
-  //      console.log("101000010101010",this.patient_id,this.record_date,this.prescription_id)
-  //      this.getPrescriptionPrint()
-  //      this.getHisPatientDetail()
-  //    }
-  //  }
+   watch:{
+    ids:function(val){
+      this.ids = val
+      this.getPrescriptionPrint()
+    }
+   }
 }
 </script>
 
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
     margin-bottom: 20px;
-    padding:20px 0px;
+    padding:20px 10px;
 }
 .printTitle{
     font-size: 22px;

src/xt_pages/outpatientDoctorStation/treatPrint.vue

 <template>
-  <div class="main-contain">
-    <div class="position">
-      <bread-crumb :crumbs="crumbs"></bread-crumb>
+  <div>
        <template>
         <el-button
+          style="position:fixed;right:25px;z-index:999"
           :loading="loading"
           size="small"
           icon="el-icon-printer"
           >打印</el-button
         >
       </template>
-    </div>
-    <div class="app-container" style="min-height:0;">
-        <el-container class="newContainer">
-            <!-- <div style="width:270px;margin-right:20px;">
-                <div class="cell clearfix" style="margin-bottom:10px;">
-                    <el-input size="small"  v-model.trim="search_input" class="filter-item"/>
-                    <el-button size="small" class="filter-item" type="primary" @click="searchAction">搜索</el-button>
-                </div>
-                <el-table ref="tab"   @current-change="changePatient" highlight-current-row :data="patientTableData" 
-                 height="480" border style="width: 100%">
-                    <el-table-column prop="date"  label="患者">   
-                      <template slot-scope="scope">{{scope.row.patients?scope.row.patients.name:''}}</template> 
-                    </el-table-column>
-                    <el-table-column prop="name" label="就诊号">
-                        <template slot-scope="scope">{{ scope.row.his_patient ?scope.row.his_patient.number:''}}</template>
-                    </el-table-column>
-                </el-table>
-            </div> -->
             
-            <div class='dialysisPage' style="flex: 1;height: calc(100vh - 178px);overflow-x:auto;::-webkit-scrollbar:height:15px;margin：0 auto；width：960px;">
-              <printOne v-bind:childResponse="childResponse" :advicePrint="advicePrint" :patient="patient" :hisPatient="hisPatient" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id"></printOne>
-            </div>
-        </el-container>
-    </div>
+      <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>
+      </div>
   </div>
 </template>
 
     BreadCrumb,
     printOne
   },
+  props:{
+    paramsObj:Object
+  },
   data() {
     return {
       crumbs: [
       search_input:"",
       loading:false,
       patient_id:0,
-      prescription_id:0
+      prescription_id:0,
+      ids:''
     };
   },
   methods:{
                 cal_two = cal_two + 1
               }
             }
-            this.$refs.tab.setCurrentRow(this.patientTableData[0])
-            console.log(this.patientTableData[0])
-            this.choosePatient(this.patientTableData[0])
+            // this.$refs.tab.setCurrentRow(this.patientTableData[0])
+            // console.log(this.patientTableData[0])
+            // this.choosePatient(this.patientTableData[0])
             this.cal_one = cal_one
             this.cal_two = cal_two   
          }
 
   created() {
     this.getAllDoctorList()
-    var record_date = this.$route.query.record
+    var record_date = this.paramsObj.record
     this.record_date = record_date
     console.log("record_date",record_date)
-    this.prescription_id = this.$route.query.prescription_id
+    this.prescription_id = this.paramsObj.prescription_id
+    this.patient_id = this.paramsObj.patient_id
+    this.ids = this.paramsObj.ids
     this.getAllHisPatientList(record_date)
   },
+  watch:{
+    paramsObj:{//深度监听，可监听到对象、数组的变化
+      handler(val, oldVal){
+        this.paramsObj = val
+        this.patient_id = this.paramsObj.patient_id
+        var record_date = this.paramsObj.record
+        this.record_date = record_date
+        var prescription_id = this.paramsObj.prescription_id
+        this.prescription_id = prescription_id
+        this.ids = this.paramsObj.ids
+        
+      },
+      deep:true
+    }
+  }
 
 };
 </script>

src/xt_pages/outpatientDoctorStation/treatTemplate/printOne.vue

      </div>
 
 
-    <div id='prescriptionPrint'>
+    <!-- <div id='prescriptionPrint'>
 
         <div v-for="(item,index) in advicePrint" :key="index">
             <div id='prescription-print' class="prescription-print" style="page-break-after: always;">
 
         </div>
 
-    </div>
+    </div> -->
   </div>
 </template>
 <script>
     props:{
       patient_id:Number,
       record_date:String,
-      prescription_id:Number
+      prescription_id:Number,
+      ids:String
     },
     data(){
       return {
         //   patient_id:this.patient_id,
         //   record_date:this.record_date,
         //   prescription_id:this.prescription_id,
-          patient_id:this.$route.query.patient_id,
-          record_date:this.$route.query.record,
-          prescription_id:this.$route.query.prescription_id,
-          ids:this.$route.query.ids,
+          patient_id:this.patient_id,
+          record_date:this.record_date,
+          prescription_id:this.prescription_id,
+          ids:this.ids,
         }
         console.log("999999",params)
        getPrescriptionPrint(params).then(response=>{
      patient_id:function(val){
        console.log("101000010101010",this.patient_id,this.record_date,this.prescription_id)
     //    this.getPrescriptionPrint()
+     },
+     ids:function(val){
+         this.ids = val
+         console.log('this.idsids',this.ids)
+         this.getPrescriptionPrint()
      }
    }
 }
 
 
 <style lang="scss" scoped>
+.prescription-print{
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding:20px 10px;
+}
 .prescription-print{
     font-size: 14px;
 }