1

src/xt_pages/hospitalStation/doctorDesk.vue

         this.$refs.multipleTable3.toggleAllSelection()
       },
       printThisPage() {
-        const style =
+        if(this.org_id == 10138){
+          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: 88%;}}#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: 87%;}}}'
-        printJS({
-          printable: 'printMain',
-          type: 'html',
-          style: style,
-          scanStyles: false
-        })
+          printJS({
+            printable: 'printMain',
+            type: 'html',
+            style: style,
+            scanStyles: false
+          })
+        }else{
+          const style =
+          '@media print {#prescription-print{font-size:14px;border:1px solid white}.printTitle{font-size: 22px;text-align: center;font-weight: bold;margin-bottom: 10px;}.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{min-height:450px;}.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: 88%;}}#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:450px;}.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;}.NoCell{display: flex;justify-content: space-between;margin-bottom: 10px;}.underLine{display: inline-block;border-bottom: 1px solid #000;text-align: center;line-height: 24px;}.basicCell{display: flex;} .basicCell span{line-height: 24px;margin-bottom: 10px;}}'
+          printJS({
+            printable: 'printMain',
+            type: 'html',
+            style: style,
+            scanStyles: false
+          })
+        }
         this.innerVisible = false
         // this.$nextTick(() => {
         //   this.$refs.print.printThisPage()

src/xt_pages/hospitalStation/print.vue

           >
         </template>
 
-        <div class='dialysisPage' style="padding-top:40px;">
+        <div class='dialysisPage'>
             <div v-if="org_id != 10138">
-                <printOne v-if="org_id != 10088" 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>
-                <printFour v-else 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"></printFour>
+                <printOne v-if="org_id != 10088 && org_id != 10215" 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>
+                <printFour v-if="org_id == 10088" 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"></printFour>
+                <printFive v-if="org_id == 10215" 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"></printFive>
             </div>
             <div v-else>
                 <printThree 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"></printThree>
   import printOne from "./template/printOne"
   import printThree from "./template/printThree"
   import printFour from "./template/printFour"
+  import printFive from "./template/printFive"
   import { getAllDoctorList,getAllHisPatientList,getPrescriptionPrint } from "@/api/project/project"
   export default {
     name: "dialysisPrintOrder",
       BreadCrumb,
       printOne,
       printThree,
-      printFour
+      printFour,
+      printFive
     },
     props:{
       paramsObj:Object,
 </style>
 
 <style lang="scss">
-
+    .dialysisPage{
+      padding-top:40px;
+    }
     .newContainer{
     .dialysisPage::-webkit-scrollbar {
         height: 15px;
     }
+    
+    
 
     .el-date-editor{
     .el-input__inner{

src/xt_pages/hospitalStation/template/printFive.vue

+<template>
+  <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 class="printTitle" v-if="prescriptions[0].med_type == '1111'">{{orgname}}第一类精神处方笺</div>
+          <div class="printTitle"  v-if="prescriptions[0].med_type == '1112'">{{orgname}}第二类精神处方笺</div>
+          <div class="printTitle" v-if="prescriptions[0].med_type != '1111' && prescriptions[0].med_type != '1112'">{{orgname}}处方笺</div>
+          <div class="NoCell">
+              <div><span style="font-size:20px;font-weight:bold;">No</span><div class="underLine" style="width:120px;">{{ (item.prescription_number + (index + 1)).substring(item.prescription_number.length-6) }}</div></div>
+              <div style="display:flex;">
+                  <div style="display: flex;flex-direction: column-reverse;">开具日期</div>
+                  <div class="underLine" style="width:60px;">{{getTime(item.ctime)?getTime(item.ctime).split(' ')[0].slice(0,4):""}}</div><div style="display: flex;flex-direction: column-reverse;">年</div>
+                  <div class="underLine" style="width:60px;">{{getTime(item.ctime)?getTime(item.ctime).split(' ')[0].slice(5,7):""}}</div><div style="display: flex;flex-direction: column-reverse;">月</div>
+                  <div class="underLine" style="width:60px;">{{getTime(item.ctime)?getTime(item.ctime).split(' ')[0].slice(8,11):""}}</div><div style="display: flex;flex-direction: column-reverse;">日</div>
+              </div>
+          </div>
+          <div class="basicCell">
+              <span>透析号</span>
+              <span class="underLine" style="width:100px;">{{ item.patient.dialysis_no ? item.patient.dialysis_no : '' }}</span>
+              <span>治疗区</span>
+              <span class="underLine" style="width:100px;">{{item.info?getDepart(item.info.departments):''}}</span>
+              <span>费别</span>
+              <span class="underLine" style="width:100px;"></span>
+          </div>
+          <div class="basicCell">
+              <span>姓名</span>
+              <span class="underLine" style="width:100px;">{{item.patient.name?item.patient.name:""}}</span>
+              <span>性别</span>
+              <span class="underLine" style="width:60px;">
+                <span v-if="item.patient.gender == 1">男</span>
+                <span v-if="item.patient.gender == 2">女</span>
+              </span>
+              <span>年龄</span>
+              <span class="underLine" style="width:60px;">{{getAge(item.patient)?getAge(item.patient):""}}岁</span>
+              <span>电话</span>
+              <span class="underLine" style="width:120px;">{{item.patient.phone}}</span>
+          </div>
+          <div class="basicCell" style="margin-bottom:30px;">
+              <span>临床诊断</span>
+              <span class="underLine" style="width:100%;flex:1;text-align:left;padding-left:10px;">{{getDiagnosis(item.info.diagnosis)}}</span>
+          </div>
+          <div class="prescriptionBox" style="border-top: 1px solid #000;border-bottom: 1px solid #000;">
+              <div class="Rp">Rp:</div>
+              <div class="drugsBox" v-for="(it,index) in item.advices" :key="index">
+                  <!-- <div class="drugsOne"><span style="font-weight:bold;">{{ index+1 + '.' }}</span>{{it.advice_name?it.advice_name:""}}&nbsp;&nbsp;{{it.single_dose}}{{it.single_dose_unit}}&nbsp;×&nbsp; {{it.prescribing_number}}{{it.prescribing_number_unit}}</div> -->
+                  <div class="drugsOne"><span style="font-weight:bold;">{{ index+1 + '.' }}</span>{{it.advice_name?it.advice_name:""}}&nbsp;&nbsp;<span v-if="it.drug.min_unit != it.drug.dose_unit">{{it.drug.dose}}{{it.drug.dose_unit}}&nbsp;* &nbsp;</span>{{it.drug.min_number}}{{it.drug.min_unit}}/{{it.drug.max_unit}}&nbsp;×&nbsp; {{it.prescribing_number}}{{it.prescribing_number_unit}}</div>
+                  <div style="margin-left:100px;"><span>用法：{{it.single_dose}}{{it.single_dose_unit}}</span>&nbsp;&nbsp;<span>{{it.execution_frequency}}&nbsp;{{it.delivery_way}}&nbsp;</span>&nbsp;&nbsp;<span>{{it.advice_desc}}</span></div>
+              </div>
+              <div class="drugsBox" v-for="(it,i) in item.additionalcharge" :key="i">
+                <div class="drugsOne">{{it.item_name?it.item_name:""}}:&nbsp;{{it.price}}元/{{it.count}}次</div>
+               </div>
+
+              <div class="drugsBox" v-for="(it,index) in item.project" :key="index">
+                  <div class="drugsOne"><span style="font-weight:bold;">{{ index+1 + '.' }}</span>{{it.type == 2?getProjectName(it.project_id)?getProjectName(it.project_id):"":it.good_info.good_name}}&nbsp;&nbsp;{{it.single_dose}}{{it.single_dose_unit}}&nbsp;×&nbsp; {{it.count}}{{unit}}</div>
+                  <div style="margin-left:100px;"><span>用法：{{it.single_dose}}{{it.single_dose_unit}}</span>&nbsp;&nbsp;<span>{{it.delivery_way}}</span>&nbsp;&nbsp;<span>{{it.advice_desc}}</span></div>
+              </div>
+              <div class="drugsBox" v-for="(it,i) in item.additionalcharge" :key="i">
+                <div class="drugsOne">{{it.project_id?it.project_id:""}}:&nbsp;{{it.price.toFixed(2)}}元/{{it.count}}次</div>
+               </div>
+               <div style="text-align:center;" >(以下空白)</div>
+
+          </div>
+          <div class="NoCell" style="margin-top:20px;">
+              <div style="display:flex;">
+                <span>医师</span>
+                <span class="underLine" style="width:100px;">{{item.doctor?item.doctor:""}}</span>
+              </div>
+              <div style="display:flex;">
+                <span>金额</span>
+                <span class="underLine" style="width:100px;">{{getTotalOne(item.id).toFixed(2)?getTotalOne(item.id).toFixed(2):0}}元</span>
+              </div>
+          </div>
+          <div class="NoCell">
+              <div style="display:flex;">
+                <span>药师（审核、核对、发药）</span>
+                <span class="underLine" style="width:100px;"></span>
+              </div>
+              <div style="display:flex;">
+                <span>调配</span>
+                <span class="underLine" style="width:100px;"></span>
+              </div>
+          </div>
+          <div style="page-break-after:always"></div>
+      </div>
+    </div>
+
+  </div>
+
+
+</template>
+<script>
+import { jsGetAge, uParseTime } from '@/utils/tools'
+import {getAllDoctorList,getPrescriptionPrint,getHisPatientDetail} from "@/api/project/project"
+import {getInitData} from "@/api/his/his"
+export default {
+    props:{
+      patient_id:Number,
+      record_date:String,
+      prescription_id:Number,
+      ids:String
+    },
+    data(){
+      return {
+        doctorList:[],
+        advicePrint:{},
+        patient:{},
+        tableData:[],
+        prescriptionInfo:[],
+        hisPatient:{},
+        department:[],
+        prescriptions:[],
+        projectList:[],
+        orgname:"",
+        diagnoses:[],
+        org_id: 0
+      }
+    },
+   methods:{
+     getAge(patient){
+       var thisLen = patient.id_card_no.length
+       var birth = ''
+       if (thisLen == 15) {
+         birth = '19' + patient.id_card_no.substr(6, 6)
+       } else {
+         birth = patient.id_card_no.substr(6, 8)
+       }
+       var births =
+         birth.substr(0, 4) +
+         '-' +
+         birth.substr(4, 2) +
+         '-' +
+         birth.substr(6, 2)
+       return jsGetAge(births, '-')
+
+     },
+
+     getAllDoctorList(){
+      getAllDoctorList().then(response=>{
+        if(response.data.state == 1){
+               var doctor =  response.data.data.doctor
+
+               this.doctorList = doctor
+             }
+         })
+     },
+
+      getDoctor(id){
+        var name = ""
+        for(let i=0;i<this.doctorList.length;i++){
+          if(id == this.doctorList[i].admin_user_id){
+              name = this.doctorList[i].user_name
+          }
+        }
+        return name
+      },
+      getTime(value, temp) {
+        if (value != undefined) {
+            return uParseTime(value, temp)
+        }
+        return ''
+     },
+       getPrescriptionPrint(){
+         var params = {
+          // patient_id:this.patient_id,
+          // record_date:this.record_date,
+          // prescription_id:this.prescription_id,
+          patient_id:this.patient_id,
+          record_date:this.record_date,
+          prescription_id:this.prescription_id,
+          ids:this.ids
+        }
+        console.log("params",params)
+       getPrescriptionPrint(params).then(response=>{
+         if(response.data.state == 1){
+            var advicePrint =  response.data.data.advicePrint
+            console.log("adviceprint9999",advicePrint)
+            this.advicePrint = advicePrint
+            this.prescriptions = advicePrint
+            console.log("处方222222",this.prescriptions)
+            var hisPatient = response.data.data.hisPatient
+            console.log("hisPatient",hisPatient)
+            this.hisPatient = hisPatient
+            var projectlist =  response.data.data.projectlist
+            console.log("所有项目列表",projectlist)
+            this.projectList = projectlist
+          }
+       })
+     },
+     getHisPatientDetail(){
+          const params = {
+              patient_id:this.patient_id
+          }
+       getHisPatientDetail(params).then(response=>{
+          if(response.data.state == 1){
+             var hisPatient =  response.data.data.hisPatient
+             console.log("挂号病人",hisPatient)
+             this.hisPatient = hisPatient
+          }
+       })
+     },
+     getInitData(){
+       getInitData().then(response=>{
+          if(response.data.state == 1){
+            this.department = response.data.data.department
+            this.diagnoses = response.data.data.diagnose
+            console.log("争端",this.diagnoses)
+          }
+       })
+     },
+     getDepart(id){
+         var name = ""
+       for(let i=0;i<this.department.length;i++){
+           if(id == this.department[i].id){
+               name = this.department[i].name
+           }
+       }
+       return name
+     },
+    getTotalOne(id) {
+
+        var total = 0
+        var addtotal = 0
+        for (let i = 0; i < this.prescriptions.length; i++) {
+          if(id == this.prescriptions[i].id){
+            if (this.prescriptions[i].project != null) {
+              for (let a = 0; a < this.prescriptions[i].project.length; a++) {
+                total = total + this.prescriptions[i].project[a].price * this.prescriptions[i].project[a].count
+              }
+            }
+
+            if (this.prescriptions[i].additionalcharge != null) {
+              for (let a = 0; a < this.prescriptions[i].additionalcharge.length; a++) {
+                addtotal = addtotal + this.prescriptions[i].additionalcharge[a].price * this.prescriptions[i].additionalcharge[a].count
+              }
+            }
+              addtotal =  Math.floor(addtotal * 100) / 100
+        }
+
+       }
+
+      for (let i = 0; i < this.prescriptions.length; i++) {
+          if(id == this.prescriptions[i].id){
+            if (this.prescriptions[i].advices != null) {
+              for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
+                total = total + this.prescriptions[i].advices[a].price * this.prescriptions[i].advices[a].prescribing_number
+              }
+            }
+
+            if (this.prescriptions[i].additionalcharge != null) {
+              for (let a = 0; a < this.prescriptions[i].additionalcharge.length; a++) {
+                addtotal = addtotal + this.prescriptions[i].additionalcharge[a].price * this.prescriptions[i].additionalcharge[a].count
+              }
+            }
+              addtotal =  Math.floor(addtotal * 100) / 100
+        }
+       }
+
+        return total + addtotal
+      },
+
+     getProjectName(id){
+        var project_name = ""
+        for(let i=0;i<this.projectList.length;i++){
+           if(id == this.projectList[i].id){
+               project_name = this.projectList[i].project_name
+           }
+        }
+        return project_name
+     },
+
+     getDiagnosis(id){
+        var name = ""
+        for(let i=0;i<this.diagnoses.length;i++){
+          if(id == this.diagnoses[i].id){
+             name = this.diagnoses[i].class_name
+          }
+        }
+        return name
+     }
+
+   },
+   created(){
+      this.getAllDoctorList()
+      this.getInitData()
+      this.getPrescriptionPrint()
+      this.getHisPatientDetail()
+      var xtuser = this.$store.getters.xt_user;
+      this.orgname = xtuser.org.org_name;
+      this.org_id = xtuser.org.id
+   },
+   watch:{
+     ids:function(val){
+      this.ids = val
+      this.getPrescriptionPrint()
+    }
+   }
+}
+</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;
+    font-weight: bold;
+}
+.infoTitle{
+    display: flex;
+    border-bottom: 2px solid #000;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+}
+.infoTitle p{
+    width: 200px;
+}
+.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;
+}
+.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;
+}
+.NoCell{display: flex;justify-content: space-between;margin-bottom: 10px;}
+.underLine{display: inline-block;border-bottom: 1px solid #000;text-align: center;line-height: 24px;}
+.basicCell{display: flex;} .basicCell span{line-height: 24px;margin-bottom: 10px;}
+</style>

src/xt_pages/outpatientCharges/components/prescriptionTable.vue

     <el-table v-if="prescription.type == 1" :data="prescription.advices" border style="width: 99%;"
               :row-style="{ color: '#303133' }"
               :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-      <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
-      <el-table-column align="center" prop="name" label="名称">
+      <el-table-column fixed align="center" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column fixed align="center" prop="name" label="名称">
         <template slot-scope="scope"><span :title='scope.row.drug_name'>{{ scope.row.drug_name }}</span></template>
       </el-table-column>
 
       </el-table-column>
 
 
-      <el-table-column align="center" prop="name" width="60" label="医保编码">
+      <el-table-column align="center" prop="name" width="120" label="医保编码">
         <template slot-scope="scope">
           <div> {{scope.row.code}}</div>
         </template>
       </el-table-column>
 
 
-      <el-table-column align="center" prop="name" width="60" label="规格/型号">
+      <el-table-column align="center" prop="name" width="80" label="规格/型号">
         <template slot-scope="scope">
           <div> {{scope.row.spec}}</div>
         </template>
       </el-table-column>
 
 
-      <el-table-column align="center" prop="name" width="60" label="生产厂家">
+      <el-table-column align="center" prop="name" width="120" label="生产厂家">
         <template slot-scope="scope">
           <div> {{getName(scope.row.name_id)}}</div>
         </template>
 
 
 
-      <el-table-column align="center" prop="name" width="60" label="全自费金额">
+      <el-table-column align="center" prop="name" width="90" label="全自费金额">
         <template slot-scope="scope">
           <div> {{scope.row.fulamt_ownpay_amt}}元</div>
         </template>
 
 
 
-      <el-table-column align="center" prop="name" width="60" label="超限价金额">
+      <el-table-column align="center" prop="name" width="90" label="超限价金额">
         <template slot-scope="scope">
           <div> {{scope.row.overlmt_amt}}元</div>
         </template>
       </el-table-column>
 
 
-      <el-table-column align="center" prop="name" width="60" label="先行自付金额">
+      <el-table-column align="center" prop="name" width="90" label="先行自付金额">
         <template slot-scope="scope">
           <div> {{scope.row.preselfpay_amt}}元</div>
         </template>
       </el-table-column>
 
 
-      <el-table-column align="center" prop="name" width="60" label="符合正常范围金额">
+      <el-table-column align="center" prop="name" width="90" label="符合正常范围金额">
         <template slot-scope="scope">
           <div> {{scope.row.inscp_scp_amt}}元</div>
         </template>
     <el-table v-if="prescription.type == 2" :data="prescription.project" border style="width: 99%;"
               :row-style="{ color: '#303133' }"
               :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-      <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
-      <el-table-column align="center" prop="project_name" label="名称">
+      <el-table-column fixed align="center" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column fixed align="center" prop="project_name" label="名称">
         <template slot-scope="scope">{{ scope.row.project_name }}</template>
       </el-table-column>
       <el-table-column align="center" prop="statistical_classification" width="100" label="组">
 
 
 
-      <el-table-column align="center" prop="name" width="60" label="医保编码">
+      <el-table-column align="center" prop="name" width="120" label="医保编码">
         <template slot-scope="scope">
           <div> {{scope.row.medical_code}}</div>
         </template>
       </el-table-column>
 
 
-      <el-table-column align="center" prop="name" width="60" label="规格/型号">
+      <el-table-column align="center" prop="name" width="80" label="规格/型号">
         <template slot-scope="scope">
           <div> {{scope.row.spec}}</div>
         </template>
       </el-table-column>
 
 
-      <el-table-column align="center" prop="name" width="60" label="生产厂家">
+      <el-table-column align="center" prop="name" width="120" label="生产厂家">
         <template slot-scope="scope">
           <div> {{getName(scope.row.name_id)}}</div>
         </template>
 
 
 
-      <el-table-column align="center" prop="name" width="60" label="全自费金额">
+      <el-table-column align="center" prop="name" width="90" label="全自费金额">
         <template slot-scope="scope">
           <div> {{scope.row.fulamt_ownpay_amt}}元</div>
         </template>
 
 
 
-      <el-table-column align="center" prop="name" width="60" label="超限价金额">
+      <el-table-column align="center" prop="name" width="90" label="超限价金额">
         <template slot-scope="scope">
           <div> {{scope.row.overlmt_amt}}元</div>
         </template>
       </el-table-column>
 
 
-      <el-table-column align="center" prop="name" width="60" label="先行自付金额">
+      <el-table-column align="center" prop="name" width="90" label="先行自付金额">
         <template slot-scope="scope">
           <div> {{scope.row.preselfpay_amt}}元</div>
         </template>
       </el-table-column>
 
 
-      <el-table-column align="center" prop="name" width="60" label="符合正常范围金额">
+      <el-table-column align="center" prop="name" width="90" label="符合正常范围金额">
         <template slot-scope="scope">
           <div> {{scope.row.inscp_scp_amt}}元</div>
         </template>

src/xt_pages/outpatientCharges/outpatientChargesManagement.vue

 
     .settlementTabs {
         flex: 1;
-
+        width: 100%;
     .el-tab-pane {
         height: 100%;
     }
     }
 
     }
+    ::-webkit-scrollbar {
+      height: 20px;
+    }
 </style>
 

src/xt_pages/outpatientDoctorStation/doctorDesk.vue

           })
         }else{
           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;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{min-height:450px;}.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: 88%;}}#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:450px;}.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 {#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;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{min-height:450px;}.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: 88%;}}#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:450px;}.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;}.NoCell{display: flex;justify-content: space-between;margin-bottom: 10px;}.underLine{display: inline-block;border-bottom: 1px solid #000;text-align: center;line-height: 24px;}.basicCell{display: flex;} .basicCell span{line-height: 24px;margin-bottom: 10px;}}'
           printJS({
             printable: 'printMain',
             type: 'html',

src/xt_pages/outpatientDoctorStation/print.vue

 
     <div class='dialysisPage' style="padding-top:40px;">
       <div v-if="org_id != 10138">
-        <printOne v-if="org_id != 10088" 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>
-        <printFour v-else 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"></printFour>
+        <printOne v-if="org_id != 10088 && org_id != 10215" 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>
+        <printFour v-if="org_id == 10088" 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"></printFour>
+        <printFive v-if="org_id == 10215" 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"></printFive>
       </div>
       <div v-else>
         <printThree 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"></printThree>
 import printOne from "./template/printOne"
 import printThree from "./template/printThree"
 import printFour from "./template/printFour"
+import printFive from "./template/printFive"
 import { getAllDoctorList,getAllHisPatientList,getPrescriptionPrint } from "@/api/project/project"
 export default {
   name: "dialysisPrintOrder",
     BreadCrumb,
     printOne,
     printThree,
-    printFour
+    printFour,
+    printFive
   },
   props:{
     paramsObj:Object

src/xt_pages/outpatientDoctorStation/template/printFive.vue

+<template>
+  <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 class="printTitle" v-if="prescriptions[0].med_type == '1111'">{{orgname}}第一类精神处方笺</div>
+          <div class="printTitle"  v-if="prescriptions[0].med_type == '1112'">{{orgname}}第二类精神处方笺</div>
+          <div class="printTitle" v-if="prescriptions[0].med_type != '1111' && prescriptions[0].med_type != '1112'">{{orgname}}处方笺</div>
+          <div class="NoCell">
+              <div><span style="font-size:20px;font-weight:bold;">No</span><div class="underLine" style="width:120px;"></div></div>
+              <div style="display:flex;">
+                  <div style="display: flex;flex-direction: column-reverse;">开具日期</div>
+                  <div class="underLine" style="width:60px;">{{getTime(item.ctime)?getTime(item.ctime).split(' ')[0].slice(0,4):""}}</div><div style="display: flex;flex-direction: column-reverse;">年</div>
+                  <div class="underLine" style="width:60px;">{{getTime(item.ctime)?getTime(item.ctime).split(' ')[0].slice(5,7):""}}</div><div style="display: flex;flex-direction: column-reverse;">月</div>
+                  <div class="underLine" style="width:60px;">{{getTime(item.ctime)?getTime(item.ctime).split(' ')[0].slice(8,11):""}}</div><div style="display: flex;flex-direction: column-reverse;">日</div>
+              </div>
+          </div>
+          <div class="basicCell">
+              <span>透析号</span>
+              <span class="underLine" style="width:100px;">{{ item.patient.dialysis_no ? item.patient.dialysis_no : '' }}</span>
+              <span>治疗区</span>
+              <span class="underLine" style="width:100px;">{{item.info?getDepart(item.info.departments):''}}</span>
+              <span>费别</span>
+              <span class="underLine" style="width:100px;"></span>
+          </div>
+          <div class="basicCell">
+              <span>姓名</span>
+              <span class="underLine" style="width:100px;">{{item.patient.name?item.patient.name:""}}</span>
+              <span>性别</span>
+              <span class="underLine" style="width:60px;">
+                <span v-if="item.patient.gender == 1">男</span>
+                <span v-if="item.patient.gender == 2">女</span>
+              </span>
+              <span>年龄</span>
+              <span class="underLine" style="width:60px;">{{getAge(item.patient)?getAge(item.patient):""}}岁</span>
+              <span>电话</span>
+              <span class="underLine" style="width:120px;">{{item.patient.phone}}</span>
+          </div>
+          <div class="basicCell" style="margin-bottom:30px;">
+              <span>临床诊断</span>
+              <span class="underLine" style="width:100%;flex:1;text-align:left;padding-left:10px;">{{getDiagnosis(item.info.diagnosis)}}</span>
+          </div>
+          <div class="prescriptionBox" style="border-top: 1px solid #000;border-bottom: 1px solid #000;">
+              <div class="Rp">Rp:</div>
+              <div class="drugsBox" v-for="(it,index) in item.advices" :key="index">
+                  <!-- <div class="drugsOne"><span style="font-weight:bold;">{{ index+1 + '.' }}</span>{{it.advice_name?it.advice_name:""}}&nbsp;&nbsp;{{it.single_dose}}{{it.single_dose_unit}}&nbsp;×&nbsp; {{it.prescribing_number}}{{it.prescribing_number_unit}}</div> -->
+                  <div class="drugsOne"><span style="font-weight:bold;">{{ index+1 + '.' }}</span>{{it.advice_name?it.advice_name:""}}&nbsp;&nbsp;<span v-if="it.drug.min_unit != it.drug.dose_unit">{{it.drug.dose}}{{it.drug.dose_unit}}&nbsp;* &nbsp;</span>{{it.drug.min_number}}{{it.drug.min_unit}}/{{it.drug.max_unit}}&nbsp;×&nbsp; {{it.prescribing_number}}{{it.prescribing_number_unit}}</div>
+                  <div style="margin-left:100px;"><span>用法：{{it.single_dose}}{{it.single_dose_unit}}</span>&nbsp;&nbsp;<span>{{it.execution_frequency}}&nbsp;{{it.delivery_way}}&nbsp;</span>&nbsp;&nbsp;<span>{{it.advice_desc}}</span></div>
+              </div>
+              <div class="drugsBox" v-for="(it,i) in item.additionalcharge" :key="i">
+                <div class="drugsOne">{{it.item_name?it.item_name:""}}:&nbsp;{{it.price}}元/{{it.count}}次</div>
+               </div>
+
+              <div class="drugsBox" v-for="(it,index) in item.project" :key="index">
+                  <div class="drugsOne"><span style="font-weight:bold;">{{ index+1 + '.' }}</span>{{it.type == 2?getProjectName(it.project_id)?getProjectName(it.project_id):"":it.good_info.good_name}}&nbsp;&nbsp;{{it.single_dose}}{{it.single_dose_unit}}&nbsp;×&nbsp; {{it.count}}{{unit}}</div>
+                  <div style="margin-left:100px;"><span>用法：{{it.single_dose}}{{it.single_dose_unit}}</span>&nbsp;&nbsp;<span>{{it.delivery_way}}</span>&nbsp;&nbsp;<span>{{it.advice_desc}}</span></div>
+              </div>
+              <div class="drugsBox" v-for="(it,i) in item.additionalcharge" :key="i">
+                <div class="drugsOne">{{it.project_id?it.project_id:""}}:&nbsp;{{it.price.toFixed(2)}}元/{{it.count}}次</div>
+               </div>
+               <div style="text-align:center;" >(以下空白)</div>
+
+          </div>
+          <div class="NoCell" style="margin-top:20px;">
+              <div style="display:flex;">
+                <span>医师</span>
+                <span class="underLine" style="width:100px;">{{item.doctor?item.doctor:""}}</span>
+              </div>
+              <div style="display:flex;">
+                <span>金额</span>
+                <span class="underLine" style="width:100px;">{{getTotalOne(item.id).toFixed(2)?getTotalOne(item.id).toFixed(2):0}}元</span>
+              </div>
+          </div>
+          <div class="NoCell">
+              <div style="display:flex;">
+                <span>药师（审核、核对、发药）</span>
+                <span class="underLine" style="width:100px;"></span>
+              </div>
+              <div style="display:flex;">
+                <span>调配</span>
+                <span class="underLine" style="width:100px;"></span>
+              </div>
+          </div>
+          <div style="page-break-after:always"></div>
+      </div>
+    </div>
+
+  </div>
+
+
+</template>
+<script>
+import { jsGetAge, uParseTime } from '@/utils/tools'
+import {getAllDoctorList,getPrescriptionPrint,getHisPatientDetail} from "@/api/project/project"
+import {getInitData} from "@/api/his/his"
+export default {
+    props:{
+      patient_id:Number,
+      record_date:String,
+      prescription_id:Number,
+      ids:String
+    },
+    data(){
+      return {
+        doctorList:[],
+        advicePrint:{},
+        patient:{},
+        tableData:[],
+        prescriptionInfo:[],
+        hisPatient:{},
+        department:[],
+        prescriptions:[],
+        projectList:[],
+        orgname:"",
+        diagnoses:[],
+        org_id: 0
+      }
+    },
+   methods:{
+     getAge(patient){
+       var thisLen = patient.id_card_no.length
+       var birth = ''
+       if (thisLen == 15) {
+         birth = '19' + patient.id_card_no.substr(6, 6)
+       } else {
+         birth = patient.id_card_no.substr(6, 8)
+       }
+       var births =
+         birth.substr(0, 4) +
+         '-' +
+         birth.substr(4, 2) +
+         '-' +
+         birth.substr(6, 2)
+       return jsGetAge(births, '-')
+
+     },
+
+     getAllDoctorList(){
+      getAllDoctorList().then(response=>{
+        if(response.data.state == 1){
+               var doctor =  response.data.data.doctor
+
+               this.doctorList = doctor
+             }
+         })
+     },
+
+      getDoctor(id){
+        var name = ""
+        for(let i=0;i<this.doctorList.length;i++){
+          if(id == this.doctorList[i].admin_user_id){
+              name = this.doctorList[i].user_name
+          }
+        }
+        return name
+      },
+      getTime(value, temp) {
+        if (value != undefined) {
+            return uParseTime(value, temp)
+        }
+        return ''
+     },
+       getPrescriptionPrint(){
+         var params = {
+          // patient_id:this.patient_id,
+          // record_date:this.record_date,
+          // prescription_id:this.prescription_id,
+          patient_id:this.patient_id,
+          record_date:this.record_date,
+          prescription_id:this.prescription_id,
+          ids:this.ids
+        }
+        console.log("params",params)
+       getPrescriptionPrint(params).then(response=>{
+         if(response.data.state == 1){
+            var advicePrint =  response.data.data.advicePrint
+            console.log("adviceprint9999",advicePrint)
+            this.advicePrint = advicePrint
+            this.prescriptions = advicePrint
+            console.log("处方222222",this.prescriptions)
+            var hisPatient = response.data.data.hisPatient
+            console.log("hisPatient",hisPatient)
+            this.hisPatient = hisPatient
+            var projectlist =  response.data.data.projectlist
+            console.log("所有项目列表",projectlist)
+            this.projectList = projectlist
+          }
+       })
+     },
+     getHisPatientDetail(){
+          const params = {
+              patient_id:this.patient_id
+          }
+       getHisPatientDetail(params).then(response=>{
+          if(response.data.state == 1){
+             var hisPatient =  response.data.data.hisPatient
+             console.log("挂号病人",hisPatient)
+             this.hisPatient = hisPatient
+          }
+       })
+     },
+     getInitData(){
+       getInitData().then(response=>{
+          if(response.data.state == 1){
+            this.department = response.data.data.department
+            this.diagnoses = response.data.data.diagnose
+            console.log("争端",this.diagnoses)
+          }
+       })
+     },
+     getDepart(id){
+         var name = ""
+       for(let i=0;i<this.department.length;i++){
+           if(id == this.department[i].id){
+               name = this.department[i].name
+           }
+       }
+       return name
+     },
+    getTotalOne(id) {
+
+        var total = 0
+        var addtotal = 0
+        for (let i = 0; i < this.prescriptions.length; i++) {
+          if(id == this.prescriptions[i].id){
+            if (this.prescriptions[i].project != null) {
+              for (let a = 0; a < this.prescriptions[i].project.length; a++) {
+                total = total + this.prescriptions[i].project[a].price * this.prescriptions[i].project[a].count
+              }
+            }
+
+            if (this.prescriptions[i].additionalcharge != null) {
+              for (let a = 0; a < this.prescriptions[i].additionalcharge.length; a++) {
+                addtotal = addtotal + this.prescriptions[i].additionalcharge[a].price * this.prescriptions[i].additionalcharge[a].count
+              }
+            }
+              addtotal =  Math.floor(addtotal * 100) / 100
+        }
+
+       }
+
+      for (let i = 0; i < this.prescriptions.length; i++) {
+          if(id == this.prescriptions[i].id){
+            if (this.prescriptions[i].advices != null) {
+              for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
+                total = total + this.prescriptions[i].advices[a].price * this.prescriptions[i].advices[a].prescribing_number
+              }
+            }
+
+            if (this.prescriptions[i].additionalcharge != null) {
+              for (let a = 0; a < this.prescriptions[i].additionalcharge.length; a++) {
+                addtotal = addtotal + this.prescriptions[i].additionalcharge[a].price * this.prescriptions[i].additionalcharge[a].count
+              }
+            }
+              addtotal =  Math.floor(addtotal * 100) / 100
+        }
+       }
+
+        return total + addtotal
+      },
+
+     getProjectName(id){
+        var project_name = ""
+        for(let i=0;i<this.projectList.length;i++){
+           if(id == this.projectList[i].id){
+               project_name = this.projectList[i].project_name
+           }
+        }
+        return project_name
+     },
+
+     getDiagnosis(id){
+        var name = ""
+        for(let i=0;i<this.diagnoses.length;i++){
+          if(id == this.diagnoses[i].id){
+             name = this.diagnoses[i].class_name
+          }
+        }
+        return name
+     }
+
+   },
+   created(){
+      this.getAllDoctorList()
+      this.getInitData()
+      this.getPrescriptionPrint()
+      this.getHisPatientDetail()
+      var xtuser = this.$store.getters.xt_user;
+      this.orgname = xtuser.org.org_name;
+      this.org_id = xtuser.org.id
+   },
+   watch:{
+     ids:function(val){
+      this.ids = val
+      this.getPrescriptionPrint()
+    }
+   }
+}
+</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;
+    font-weight: bold;
+}
+.infoTitle{
+    display: flex;
+    border-bottom: 2px solid #000;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+}
+.infoTitle p{
+    width: 200px;
+}
+.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;
+}
+.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;
+}
+.NoCell{display: flex;justify-content: space-between;margin-bottom: 10px;}
+.underLine{display: inline-block;border-bottom: 1px solid #000;text-align: center;line-height: 24px;}
+.basicCell{display: flex;} .basicCell span{line-height: 24px;margin-bottom: 10px;}
+</style>