1

src/xt_pages/outpatientDoctorStation/checkPrint.vue

   <div>
        <template>
         <el-button
-          style="position:fixed;right:25px;z-index:999"
+          style="float:right;"
           :loading="loading"
           size="small"
           icon="el-icon-printer"
             const style =
             '@media print {#prescription-print{font-size:14px;}.prescription-print:last-child {page-break-after: auto;}.prescription-print{font-size: 14px;}.printTitle{font-size: 18px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:5px;padding:0 10px;}.infoTitle div{width: 300px;margin-bottom:5px;}.infoMain{display: flex;flex-wrap: wrap;border-bottom: 2px solid #000;padding:0 10px;}.infoMain div{width: 50%;}.prescriptionBox{padding:0 10px;min-height:380px;}.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; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; padding:0 10px;margin:5px 0;} .actionBar div{width:150px;}}';
             printJS({
-                printable: "prescription-print",
+                printable: "prescription-print3",
                 type: "html",
                 style: style,
                 scanStyles: false

src/xt_pages/outpatientDoctorStation/checkTemplate/printOne.vue

 <template>
     <div>
-        <div id='prescription-print' class="prescription-print">
+        <div id='prescription-print3' class="prescription-print">
             <img style="width:100%;height:80px" src="../../../assets/img/bailinTop.jpg" alt="">
             <div class="printTitle">检验申请单</div>
 

src/xt_pages/outpatientDoctorStation/doctorDesk.vue

                         <el-button size="small" ref="button_three" @click="open_two()" type="primary">处方调用</el-button>
                         <el-button size="small" @click="open_three()" type="primary">存模板</el-button>
 
-                        <el-popover
+                        <!-- <el-popover
                                 placement="bottom"
                                 width="300"
                                 trigger="click">
                             <el-button slot="reference" style="margin:0 10px;" type="primary" size="small">打印
                             </el-button>
 
-                        </el-popover>
-                        <!--<el-button size="small" ref="button_four"  @click="open(5)" type="primary" :disabled='prescriptions && prescriptions[0].advices && prescriptions[0].project ? prescriptions[0].advices.length == 0 && prescriptions[0].project.length == 0 : false'>存模板</el-button> -->
+                        </el-popover> -->
+                        <el-button size="small" @click="openPrint" type="primary">打印</el-button>
+
+                        <!-- <el-button size="small" ref="button_four"  @click="open(5)" type="primary" :disabled='prescriptions && prescriptions[0].advices && prescriptions[0].project ? prescriptions[0].advices.length == 0 && prescriptions[0].project.length == 0 : false'>存模板</el-button> -->
                     </div>
                     <div class="mainCell fixedCell" style="float:right" v-if="titleType == '电子病历'">
                         <el-button size="small" @click="opentwo(1)" type="primary">保存</el-button>
         </div>
 
         <el-dialog
-                title="处方打印"
+                title="打印"
                 :visible.sync="centerDialogVisible"
                 width="600px"
                 center>
-            <el-table
+                <div style="text-align:center;margin-top:10px;font-weight:bold;font-size:20px;">处方笺打印</div>
+                <el-table
                     ref="multipleTable"
-                    :data="tableData"
+                    :data="tableData1"
                     tooltip-effect="dark"
                     style="width: 600px"
 
-                    @selection-change="handleSelectionChange">
+                    @selection-change="handleSelectionChange1">
                 <el-table-column
                         align='center'
                         type="selection"
                 </el-table-column>
                 <el-table-column label="处方号">
                     <template slot-scope="scope">
-          <span>
-           <el-input v-model="scope.row.prescription_number" :disabled="true"></el-input>
-          </span>
+                      <span>
+                        <el-input v-model="scope.row.prescription_number" :disabled="true"></el-input>
+                      </span>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div style="text-align:center;margin-top:10px;font-weight:bold;font-size:20px;">治疗单打印</div>
+                <el-table
+                    ref="multipleTable"
+                    :data="tableData2"
+                    tooltip-effect="dark"
+                    style="width: 600px"
+
+                    @selection-change="handleSelectionChange2">
+                <el-table-column
+                        align='center'
+                        type="selection"
+                        width="50">
+                </el-table-column>
+                <el-table-column
+                        align='center'
+                        label="治疗单编号"
+                        width="120">
+                    <template slot-scope="scope">
+                        <span>治疗 {{scope.$index + 1}}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="治疗单号">
+                    <template slot-scope="scope">
+                      <span>
+                        <el-input v-model="scope.row.prescription_number" :disabled="true"></el-input>
+                      </span>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div style="text-align:center;margin-top:10px;font-weight:bold;font-size:20px;">检验单打印</div>
+                <el-table
+                    ref="multipleTable"
+                    :data="tableData3"
+                    tooltip-effect="dark"
+                    style="width: 600px"
+
+                    @selection-change="handleSelectionChange3">
+                <el-table-column
+                        align='center'
+                        type="selection"
+                        width="50">
+                </el-table-column>
+                <el-table-column
+                        align='center'
+                        label="处方编号"
+                        width="120">
+                    <template slot-scope="scope">
+                        <span>检验单1</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="检验单号">
+                    <template slot-scope="scope">
+                      <span>
+                        <el-input v-model="scope.row.prescription_number" :disabled="true"></el-input>
+                      </span>
                     </template>
                 </el-table-column>
             </el-table>
                     title="打印"
                     :visible.sync="innerVisible"
                     append-to-body>
-
-                <print v-if="index == 2" :paramsObj='paramsObj'></print>
-                <treatPrint v-if="index == 6" :paramsObj='paramsObj'></treatPrint>
+                <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>
             </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
+        <!-- <el-dialog
                 class="centerDialog"
                 width="600px"
                 title="打印"
                 :visible.sync="checkVisible">
             <checkPrint v-if="index == 20" :paramsObj='paramsObj'></checkPrint>
-        </el-dialog>
+        </el-dialog> -->
         <el-dialog
                 class="centerDialog"
                 width="600px"
         patientid: 0,
         prescriptionList: [],
         centerDialogVisible: false,
-        tableData: [],
-        selecting_schs: [],
+        tableData1: [],
+        tableData2: [],
+        tableData3: [],
+        tableData4: [],
+        selecting_schs1: [],
+        selecting_schs2: [],
+        selecting_schs3: [],
         index: 0,
         admin_info: {},
         saveLoading: false,
         innerVisible: false,
         paramsObj: {},
+        paramsObj2: {},
+        paramsObj3: {},
         recordVisible: false,
         recordObj: {},
         additions: [],
       }
     },
     methods: {
+      openPrint(){
+        // this.centerDialogVisible = true
+        this.getPrescriptionList(this.patientInfo.id)
+      },
+      printThisPage(){
+        this.$nextTick(() => {
+          this.$refs.print.printThisPage()
+          this.$refs.treatPrint.printThisPage()
+          this.$refs.checkPrint.printThisPage()
+        })
+      },
       changeOther(patient_id){
         this.radio = 2;
         let params = {
             if(checkType != 3){
               this.centerDialogVisible = true
               var list = response.data.data.list
-              let arr = []
-              for (let i = 0; i < list.length; i++) {
-                if(list[i].type == type){
+              let arr1 = []
+              let arr2 = []
+              let arr3 = []
+              let arr4 = []
+              for(var i=list.length-1;i>=0;i--){
+                if(list[i].type == 1){
                   list[i].prescription_number = list[i].prescription_number + i
-                  arr.push(list[i])
+                  arr1.push(list[i])
+                }
+                if(list[i].type == 2){
+                  list[i].prescription_number = list[i].prescription_number + i
+                  arr2.push(list[i])
+                  arr3.push(list[i])
+                  arr4.push(list[i])
+                }
+                if(list[i].type == 2){
+                  let count = 0
+                  list[i].project.map(item => {
+                    if(item.type == 2){
+                      if(item.project.cost_classify == 3){
+                        count++
+                      }
+                    }
+                  })
+                  if(count == list[i].project.length){
+                    arr2.map((items,index) => {
+                      if(items.id == list[i].id){
+                        arr2.splice(index,1);
+                      }
+                    })
+                  }
                 }
-
               }
-              this.tableData = arr
+              this.tableData1 = arr1
+              this.tableData2 = arr2
+              this.tableData4 = arr4
+              this.tableData3 = [arr3[0]]
+              
             }else{
               var list = response.data.data.list
               let arr = []
           }
         })
       },
-      handleSelectionChange(val) {
-        this.selecting_schs = val
+      handleSelectionChange1(val) {
+        this.selecting_schs1 = val
+      },
+      handleSelectionChange2(val) {
+        this.selecting_schs2 = val
+      },
+      handleSelectionChange3(val) {
+        if(val.length == 0){
+          this.selecting_schs3 = []
+        }else{
+          this.selecting_schs3 = this.tableData4
+        }
       },
       handleClick() {
         if(this.titleType == "电子处方"){
 
       },
       savePrint() {
-        var arr = [];
-        for (let i = 0; i < this.selecting_schs.length; i++) {
-          arr.push(this.selecting_schs[i].id)
-        }
-        var ids = arr.join(',')
-        if (this.index == 2) {
-          let obj = {
+        //处方
+        var arr1 = [];
+        if(this.selecting_schs1.length > 0){
+          for (let i = 0; i < this.selecting_schs1.length; i++) {
+            arr1.push(this.selecting_schs1[i].id)
+          }
+          var ids1 = arr1.join(',')
+            let obj1 = {
             record: this.record_date,
             prescription_id: this.prescription_id,
-            ids: ids,
+            ids: ids1,
             patient_id: this.patientid
           };
-          this.paramsObj = obj;
-          this.innerVisible = true
-
-          //  this.$router.push("/outpatientDoctorStation/print?record="+this.record_date+"&prescription_id="+this.prescription_id+"&ids="+ids+"&patient_id="+this.patientid)
+          this.paramsObj = obj1;
         }
-        if (this.index == 6) {
-          let obj = {
+        
+        //治疗
+        var arr2 = [];
+        if(this.selecting_schs2.length > 0){
+          for (let i = 0; i < this.selecting_schs2.length; i++) {
+            arr2.push(this.selecting_schs2[i].id)
+          }
+          var ids2 = arr2.join(',')
+          let obj2 = {
             record: this.record_date,
             prescription_id: this.prescription_id,
-            ids: ids,
+            ids: ids2,
             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)
+          this.paramsObj2 = obj2;
         }
-        if(this.index == 20){
-          console.log('ids',ids)
-          let obj = {
+        var arr3 = []
+        if(this.selecting_schs3.length > 0){
+          for (let i = 0; i < this.selecting_schs3.length; i++) {
+            arr3.push(this.selecting_schs3[i].id)
+          }
+          var ids2 = arr3.join(',')
+          let obj3 = {
             record: this.record_date,
             prescription_id: this.prescription_id,
-            ids: ids,
+            ids: ids2,
             patient_id: this.patientid
           };
-          this.paramsObj = obj;
-          this.checkVisible = true
+          this.paramsObj3 = obj3;
         }
+          
+        
+        
+        
+        this.innerVisible = true
+
+        // if(this.index == 20){
+        //   console.log('ids',ids)
+        //   let obj = {
+        //     record: this.record_date,
+        //     prescription_id: this.prescription_id,
+        //     ids: ids,
+        //     patient_id: this.patientid
+        //   };
+        //   this.paramsObj = obj;
+        //   this.checkVisible = true
+        // }
       }, getTime(val, temp) {
         if (val != 0) {
           return uParseTime(val, temp)

src/xt_pages/outpatientDoctorStation/print.vue

   <div>
       <template>
         <el-button
-          style="position:fixed;right:25px;z-index:999"
+          style="float:right;"
           :loading="loading"
           size="small"
           icon="el-icon-printer"
           const style =
           '@media print {#prescription-print{font-size:14px;}.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: "prescriptionPrint",
+            printable: "prescriptionPrint1",
             type: "html",
             style: style,
             scanStyles: false

src/xt_pages/outpatientDoctorStation/template/printThree.vue

 <template>
 <div>
-  <div id='prescriptionPrint'>
+  <div id='prescriptionPrint1'>
     <div v-for="(item,index) in advicePrint" :key="index">
       <div id='prescription-print' v-if="item.project.length == 0" v-for='(i,pageIndex) in item.pageArr.length' :key="pageIndex" class="prescription-print" style="page-break-after: always;">
           <img src="../../../assets/img/bailinTop.jpg" style="width:100%" alt="">

src/xt_pages/outpatientDoctorStation/treatPrint.vue

   <div>
        <template>
         <el-button
-          style="position:fixed;right:25px;z-index:999"
+          style="float:right;"
           :loading="loading"
           size="small"
           icon="el-icon-printer"
           const style =
           '@media print {#prescription-print{font-size:14px;}.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: "prescriptionPrint",
+            printable: "prescriptionPrint2",
             type: "html",
             style: style,
             scanStyles: false

src/xt_pages/outpatientDoctorStation/treatTemplate/printTwo.vue

 <template>
-   <div id='prescriptionPrint'>
+   <div id='prescriptionPrint2'>
     <div id='prescription-print' v-if="item.advices.length == 0" class="prescription-print" v-for="(item,index) in advicePrint" :key="index">
 
         <img src="../../../assets/img/bailinTop.jpg" style="width:100%" alt="">