1

src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue

         <div class="tabsBox">
 
           <el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>
-          <el-tabs class="preTabs" v-model="editableTabsValue" type="card" closable @tab-remove="removeTab"
+          <el-tabs class="preTabs" v-model="editableTabsValue" type="border-card" closable @tab-remove="removeTab"
                    :before-leave="moreState" @tab-click="tabclickEvent">
             <el-tab-pane
               v-for="(item, index) in prescriptions"
 
   .addTab {
     position: absolute;
-    right: 0;
-    top: 6px;
+    right: 3px;
+    top: 3px;
     z-index: 20;
   }
 

src/xt_pages/outpatientDoctorStation/print.vue

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

src/xt_pages/outpatientDoctorStation/template/printOne.vue

 <template>
-  <div>
-    <div id='prescription-print' class="prescription-print"  v-for="(item,index) in advicePrint" :key="index">
-        <div class="printTitle">血液透析中心处方笺</div>
-        <div class="infoTitle">
-            <p>姓名：{{item.patient.name?item.patient.name:""}}</p>
-            <p>性别：
-               <span v-if="item.patient.gender == 1">男</span>
-               <span v-if="item.patient.gender == 2">女</span>
-            </p>
-            <p>年龄：{{item.patient.age?item.patient.age:""}}岁</p>
-        </div>
-        <div class="infoMain">
-            <div style="margin-bottom: 10px;">门诊号：{{item.hisPatient.number?item.hisPatient.number:""}}</div>
-            <div style="margin-bottom: 10px;">科室：{{getDepart(item.hisPatient.departments?item.hisPatient.departments:"")}}</div>
-            <div style="margin-bottom: 10px;">医保卡号：{{item.hisPatient.number?item.hisPatient.number:""}}</div>
-            <div style="margin-bottom: 10px;">电话：{{item.patient.phone}}</div>
-            <div>地址：{{item.patient.home_address}}</div>
-            <div style="display:flex;width:50%;">临床诊断：{{item.patient.diagnose}}</div>
-        </div>
-        <div class="prescriptionBox">
-            <div class="Rp">Rp:</div>
-            <div class="drugsBox" v-for="(it,index) in item.advices" :key="index">
-                <div class="drugsOne">{{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 style="margin-left:100px;"><span>用法：{{it.single_dose}}{{it.single_dose_unit}}</span>&nbsp;&nbsp;<span>{{it.execution_frequency}}</span>&nbsp;&nbsp;<span>{{it.advice_desc}}</span></div>
-            </div>
-        </div>
-        <div class="doctorBox">
-            <p>医师：{{getDoctor(item.doctor)?getDoctor(item.doctor):""}}</p>
-            <p>日期：{{getTime(item.ctime)?getTime(item.ctime):""}}</p>
-        </div>
-        <div class="actionBar">
-            <p>审核：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
-            <p>配对：{{getDoctor(item.doctor)?getDoctor(item.doctor):""}}</p>
-            <p>核对：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
-            <p>发药：{{getDoctor(item.advices[0].execution_staff)?getDoctor(item.advices[0].execution_staff):""}}</p>
-            <p>药费：</p>
-        </div>
+  <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">血液透析中心处方笺</div>
+          <div class="infoTitle">
+              <p>姓名：{{item.patient.name?item.patient.name:""}}</p>
+              <p>性别：
+                <span v-if="item.patient.gender == 1">男</span>
+                <span v-if="item.patient.gender == 2">女</span>
+              </p>
+              <p>年龄：{{item.patient.age?item.patient.age:""}}岁</p>
+          </div>
+          <div class="infoMain">
+              <div style="margin-bottom: 10px;">门诊号：{{item.hisPatient.number?item.hisPatient.number:""}}</div>
+              <div style="margin-bottom: 10px;">科室：{{getDepart(item.hisPatient.departments?item.hisPatient.departments:"")}}</div>
+              <div style="margin-bottom: 10px;">医保卡号：{{item.hisPatient.number?item.hisPatient.number:""}}</div>
+              <div style="margin-bottom: 10px;">电话：{{item.patient.phone}}</div>
+              <div>地址：{{item.patient.home_address}}</div>
+              <div style="display:flex;width:50%;">临床诊断：{{item.patient.diagnose}}</div>
+          </div>
+          <div class="prescriptionBox">
+              <div class="Rp">Rp:</div>
+              <div class="drugsBox" v-for="(it,index) in item.advices" :key="index">
+                  <div class="drugsOne">{{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 style="margin-left:100px;"><span>用法：{{it.single_dose}}{{it.single_dose_unit}}</span>&nbsp;&nbsp;<span>{{it.execution_frequency}}</span>&nbsp;&nbsp;<span>{{it.advice_desc}}</span></div>
+              </div>
+          </div>
+          <div class="doctorBox">
+              <p>医师：{{getDoctor(item.doctor)?getDoctor(item.doctor):""}}</p>
+              <p>日期：{{getTime(item.ctime)?getTime(item.ctime):""}}</p>
+          </div>
+          <div class="actionBar">
+              <p>审核：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
+              <p>配对：{{getDoctor(item.doctor)?getDoctor(item.doctor):""}}</p>
+              <p>核对：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
+              <p>发药：{{getDoctor(item.advices[0].execution_staff)?getDoctor(item.advices[0].execution_staff):""}}</p>
+              <p>药费：</p>
+          </div>
+          <div style="page-break-after:always"></div>
+      </div>
     </div>
-
-
     
-</div>
+  </div>
 
     
 </template>

src/xt_pages/outpatientDoctorStation/treatPrint.vue

 <template>
   <div class="main-contain">
     <div class="position">
-      <!-- <bread-crumb :crumbs="crumbs"></bread-crumb> -->
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
        <template>
         <el-button
           :loading="loading"
   },
   data() {
     return {
-       record_date:"",
-       patientTableData:[],
-       advicePrint:[],
-       hisPatient:{},
-       patient:{},
-       search_input:"",
-       loading:false,
-       patient_id:0,
-       prescription_id:0
+      crumbs: [
+        { path: false, name: '门诊医生站' },
+        { path: false, name: '打印' }
+      ],
+      record_date:"",
+      patientTableData:[],
+      advicePrint:[],
+      hisPatient:{},
+      patient:{},
+      search_input:"",
+      loading:false,
+      patient_id:0,
+      prescription_id:0
     };
   },
   methods:{
       this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
 
       const style =
-        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; padding:0 10px;}.infoTitle p{width: 300px;}.infoMain{display: flex;flex-wrap: wrap;border-bottom: 2px solid #000;padding:0 10px;}.infoMain p{width: 50%;line-height: 1px;}.prescriptionBox{padding:0 10px;min-height:600px;}.Rp{font-size: 22px;font-weight: bold;line-height:1px;}.drugsBox{padding-left: 40px;margin-bottom: 10px;margin-bottom: 10px;}.drugsBox p{line-height: 1px;padding-bottom:10px !important;} .drugsOne{line-height: 1px;margin-bottom:10px !important;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}';
+        '@media print {#prescription-print{font-size:14px;}.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: "prescriptionPrint",
         type: "html",
         style: style,
         scanStyles: false

src/xt_pages/outpatientDoctorStation/treatTemplate/printOne.vue

 <template>
-   <div>
-    <div id='prescription-print' class="prescription-print" v-for="(item,index) in advicePrint" :key="index">
-        <div style="display:flex;justify-content: space-between;font-weight:bold;">
-            <p style="width:300px;display:flex;justify-content: space-between;font-weight:bold;">
-                <span>费别</span>
-                <span>自费</span>
-                <span>公费</span>
-                <span>保险</span>
-                <span>其他</span>
-            </p>
-            <p>就诊日期：{{getTime(item.ctime)}}</p>
+    <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 style="display:flex;justify-content: space-between;font-weight:bold;">
+                    <div style="width:200px;display:flex;justify-content: space-between;font-weight:bold;">
+                        <span>费别</span>
+                        <span>自费</span>
+                        <span>公费</span>
+                        <span>保险</span>
+                        <span>其他</span>
+                    </div>
+                    <div>就诊日期：{{getTime(item.ctime)}}</div>
+                </div>
+                <div class="printTitle">血液透析中心</div>
+                <div class="printTitle">处方、治疗单</div>
+                <div class="infoTitle">
+                    <div>门诊编号：</div>
+                    <div>电脑号：</div>
+                </div>
+                <div class="infoMain">
+                    <div style="margin-bottom: 10px;width:25%">姓名：{{item.patient.name}}</div>
+                    <div style="margin-bottom: 10px;width:25%">性别：
+                        <span v-if="item.patient.gender == 1">男</span>
+                        <span v-if="item.patient.gender == 2">女</span>
+                    </div>
+                    <div style="margin-bottom: 10px;width:25%">年龄：
+                        <span>{{item.patient.age}}</span>
+                    </div>
+                    <div style="margin-bottom: 10px;width:25%">参保类型：</div>
+                    <div style="margin-bottom: 10px;width:50%;">联系电话：{{item.patient.phone}}</div>
+                    <div style="width:50%;">地址：{{item.patient.unit_address}}</div>
+                    <div style="width:100%;">诊断：{{item.patient.diagnose}}</div>
+                </div>
+                <div class="prescriptionBox">
+                    <table style="width:100%;text-align:center;line-height:25px;">
+                        <tr>
+                            <td>序号</td>
+                            <td>项目名称</td>
+                            <td>数量</td>
+                            <td>单位</td>
+                            <td>单价</td>
+                            <td>部位</td>
+                            <td>备注</td>
+                            <td>天数</td>
+                        </tr>
+                        <tr v-for="(it,index) in item.project" :key="index">
+                            <td>{{index+1}}</td>
+                            <td>{{getProjectName(it.project_id)}}</td>
+                            <td>{{it.single_dose}}</td>
+                            <td>{{getUnit(it.unit)}}</td>
+                            <td>{{it.price}}</td>
+                            <td></td>
+                            <td>{{it.remark}}</td>
+                            <td>{{it.day}}</td>
+                        
+                        </tr>
+                    </table>
+                </div>
+                <div class="infoTitle">
+                    <div>开单医生：{{getDoctor(item.doctor)?getDoctor(item.doctor):""}}</div>
+                    <div>签章：</div>
+                </div>
+                <div class="actionBar">
+                    <div>执行医生：{{getDoctor(item.doctor)?getDoctor(item.doctor):""}}</div>
+                    <div>费用：</div>
+                </div>
+                <table style="width:100%;text-align:center;line-height:25px;border-collapse: collapse;" border="1">
+                    <tr>
+                        <td style="width:16%;">治疗时间</td>
+                        <td style="width:16%;"></td>
+                        <td style="width:16%;"></td>
+                        <td style="width:16%;"></td>
+                        <td style="width:16%;"></td>
+                        <td style="width:16%;"></td>
+                    </tr>
+                    <tr>
+                        <td style="width:16%;">医生签字</td>
+                        <td style="width:16%;"></td>
+                        <td style="width:16%;"></td>
+                        <td style="width:16%;"></td>
+                        <td style="width:16%;"></td>
+                        <td style="width:16%;"></td>
+                    </tr>
+                    <tr>
+                        <td style="width:16px;">患者签字</td>
+                        <td style="width:16px;"></td>
+                        <td style="width:16px;"></td>
+                        <td style="width:16px;"></td>
+                        <td style="width:16px;"></td>
+                        <td style="width:16px;"></td>
+                    </tr>
+                </table>
+            </div>
         </div>
-        <div class="printTitle">血液透析中心</div>
-        <div class="printTitle">处方、治疗单</div>
-        <div class="infoTitle">
-            <p>门诊编号：</p>
-            <p>电脑号：</p>
-        </div>
-        <div class="infoMain">
-            <p style="margin-bottom: 10px;width:25%">姓名：{{item.patient.name}}</p>
-            <p style="margin-bottom: 10px;width:25%">性别：
-                <span v-if="item.patient.gender == 1">男</span>
-                <span v-if="item.patient.gender == 2">女</span>
-            </p>
-            <p style="margin-bottom: 10px;width:25%">年龄：
-                <span>{{item.patient.age}}</span>
-            </p>
-            <p style="margin-bottom: 10px;width:25%">参保类型：</p>
-            <p style="margin-bottom: 10px;width:50%;">联系电话：{{item.patient.phone}}</p>
-            <p style="width:50%;">地址：{{item.patient.unit_address}}</p>
-            <p style="width:50%;">诊断：{{item.patient.diagnose}}</p>
-        </div>
-        <div class="prescriptionBox">
-            <table style="width:100%;text-align:center;line-height:25px;">
-                <tr>
-                    <td>序号</td>
-                    <td>项目名称</td>
-                    <td>数量</td>
-                    <td>单位</td>
-                    <td>单价</td>
-                    <td>部位</td>
-                    <td>备注</td>
-                    <td>天数</td>
-                </tr>
-                <tr v-for="(it,index) in item.project" :key="index">
-                    <td>{{index+1}}</td>
-                    <td>{{getProjectName(it.project_id)}}</td>
-                    <td>{{it.single_dose}}</td>
-                    <td>{{getUnit(it.unit)}}</td>
-                    <td>{{it.price}}</td>
-                    <td></td>
-                    <td>{{it.remark}}</td>
-                    <td>{{it.day}}</td>
-                   
-                </tr>
-            </table>
-        </div>
-        <div class="infoTitle">
-            <p>开单医生：{{getDoctor(item.doctor)?getDoctor(item.doctor):""}}</p>
-            <p>签章：</p>
-        </div>
-        <div class="actionBar">
-            <p>执行医生：{{getDoctor(item.doctor)?getDoctor(item.doctor):""}}</p>
-            <p>费用：</p>
-        </div>
-        <table style="width:100%;text-align:center;line-height:25px;border-collapse: collapse;" border="1">
-            <tr>
-                <td style="width:16%;">治疗时间</td>
-                <td style="width:16%;"></td>
-                <td style="width:16%;"></td>
-                <td style="width:16%;"></td>
-                <td style="width:16%;"></td>
-                <td style="width:16%;"></td>
-            </tr>
-            <tr>
-                <td style="width:16%;">医生签字</td>
-                <td style="width:16%;"></td>
-                <td style="width:16%;"></td>
-                <td style="width:16%;"></td>
-                <td style="width:16%;"></td>
-                <td style="width:16%;"></td>
-            </tr>
-            <tr>
-                <td style="width:16px;">患者签字</td>
-                <td style="width:16px;"></td>
-                <td style="width:16px;"></td>
-                <td style="width:16px;"></td>
-                <td style="width:16px;"></td>
-                <td style="width:16px;"></td>
-            </tr>
-        </table>
-     </div>
     </div>
 </template>
 <script>
 
 
 <style lang="scss" scoped>
+.prescription-print{
+    font-size: 14px;
+}
 .printTitle{
-    font-size: 22px;
+    font-size: 18px;
     text-align: center;
     font-weight: bold;
 }
     line-height: 24px;
     padding:0 10px;
 }
-.infoTitle p{
+.infoTitle div{
     width: 300px;
 }
 .infoMain{
     border-bottom: 2px solid #000;
     padding:0 10px;
 }
-.infoMain p{
+.infoMain div{
     width: 50%;
     line-height: 24px;
 }
     line-height: 24px;
     padding:0 10px;
 }
-.actionBar p{
+.actionBar div{
     width:150px;
 }
 </style>

src/xt_pages/workforce/components/ScheduleItem.vue

     <div >
         <el-tooltip placement="right" :disabled="scheduleDetail.patient.length>0?false:true" >
             <div slot="content">
-                {{scheduleDetail.patient}}11
+                {{scheduleDetail.patient}}
                 <br/>
                 <span v-if="scheduleDetail.mode_name.length>0">({{scheduleDetail.mode_name}})</span>
             </div>