1

src/router/modules/outpatientCharges.js

@@ -50,5 +50,21 @@ export default {
         name: 'summaryDetail',
         meta: { title: 'summaryDetail', noCache: true }
     },
+    {
+        path: '/outpatientCharges/treatPrint',
+        component: () => import('@/xt_pages/outpatientCharges/treatPrint'),
+        hidden: true,
+        is_menu: false,
+        name: 'outpatientChargesTreatPrint',
+        meta: { title: 'outpatientChargesTreatPrint', noCache: true }
+    },
+    {
+        path: '/outpatientCharges/print',
+        component: () => import('@/xt_pages/outpatientCharges/print'),
+        hidden: true,
+        is_menu: false,
+        name: 'outpatientChargesPrint',
+        meta: { title: 'outpatientChargesPrint', noCache: true }
+    },
   ]
 }

src/router/modules/outpatientDoctorStation.js

@@ -38,5 +38,13 @@ export default {
         name: 'outpatientDoctorStationPrint',
         meta: { title: 'outpatientDoctorStationPrint', noCache: true }
     },
+    {
+        path: '/outpatientDoctorStation/recordPrint',
+        component: () => import('@/xt_pages/outpatientDoctorStation/recordPrint'),
+        hidden: true,
+        is_menu: false,
+        name: 'outpatientDoctorStationRecordPrint',
+        meta: { title: 'outpatientDoctorStationRecordPrint', noCache: true }
+    },
   ]
 }

src/xt_pages/outpatientCharges/components/prescriptionTable.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="prescriptionTable">
-        <el-table :data="preTableData" border style="width: 98%;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+        <el-table :data="tableData" 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="selection" width="40"></el-table-column>
             <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
             <el-table-column align="center" prop="name" label="名称">
@@ -101,6 +101,17 @@
                 </template>
             </el-table-column>
         </el-table>
+
+        <div class="additionalBox">
+            <div class="additionalOne" v-for="(item,index) in 8" :key="index">
+                <span>治疗费</span>
+                <el-input v-model="input" placeholder="" style="width:50px;"></el-input>
+                共
+                <el-input v-model="input" placeholder="" style="width:50px;"></el-input>
+                次
+                <i class="el-icon-delete deleteIcon"></i>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -111,7 +122,56 @@ export default {
     },
     data(){
         return{
-            tableData: [],
+            // tableData: [],
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+          }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+          }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+          },{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+          }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+          }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+          },{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+          }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+          }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+          }],
             newoptions: [{
             value: '1',
             label: '1'
@@ -137,6 +197,29 @@ export default {
 
 <style lang="scss">
 .prescriptionTable{
+    .additionalBox{
+      margin-top: 20px;
+      display: flex;
+      flex-wrap: wrap;
+      .additionalOne{
+        margin-right:20px;
+        margin-bottom:10px;
+        display: flex;
+        align-items: center;
+        >span{
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          width:60px;
+          display: inline-block;
+          font-size: 14px;
+        }
+      }
+      .deleteIcon{
+        color:red;
+        margin-left:5px;
+      }
+    }
     .el-table th .cell, .el-table td .cell{
         padding: 0 2px;
         white-space: pre-line;

src/xt_pages/outpatientCharges/outpatientChargesManagement.vue

@@ -35,7 +35,8 @@
                 </div>
             </div>
             <div class="mainRight">
-                <div class="mainCell" style="margin-bottom:10px;flex-direction: row-reverse;">
+                 
+                <div class="mainCell" style="position: absolute;right: 30px;z-index:9;">
                     <el-button size="small" @click="open(1)" type="primary" style="margin-left:10px;">打印处置单</el-button>
                     <el-button size="small" @click="open(2)" type="primary">打印治疗单</el-button>
                     <el-button size="small" @click="open(3)" type="primary">打印</el-button>
@@ -43,58 +44,139 @@
                     <el-button size="small" v-if="state == '已收费'" @click="open(5)" type="primary">退费</el-button>
                 </div>
                 <div class="mainCenter">
-                    <div class="centerLeft">
-                        <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" :before-leave="moreState">
-                                <el-tab-pane
-                                    v-for="(item, index) in editableTabs"
-                                    :key="index"
-                                    :label="item.title"
-                                    :name="item.name"
-                                >
-                                    <div class="RP">Rp</div>
-                                    <prescription-table :preTableData='preTableData'></prescription-table>
-                                </el-tab-pane>
-                                <el-tab-pane name="more" closable><span slot="label"><i class="el-icon-plus" @click="addTab"></i></span></el-tab-pane>
-                            </el-tabs>
-                            
-                        </div>
-                        <div class="costBox">
-                            <span>处方编号：2134348971237883</span>
-                            <span>当前处方总费用：<span style="color:red;">{{ total }}元</span></span>
-                            <span>{{ state }}</span>
-                        </div>
-                    </div>
-                    <div class="centerRight">
-                        <p class="centerRightTitle">人员信息</p>
-                        <div style="display:flex;justify-content: space-between;line-height:30px;">
-                            <span style="font-size:14px;">人员编码:</span>
-                            <span style="font-size:14px;">日期:{{start_time}}</span>
-                        </div>
-                        <ul class="basicUl">
-                            <li style="width:50%;">姓名：{{ patientInfo.name }}</li>
-                            <li style="width:50%;">性别：{{ patientInfo && patientInfo.gend == 1 ? '男' : "女" }}</li>
-                            <li style="width:50%;">年龄：{{ patientInfo.age }}</li>
-                            <li style="width:50%;">身高：</li>
-                            <li style="width:50%;">体重：</li>
-                            <li style="width:50%;">电话：</li>
-                            <li style="width:100%;">地址：</li>
-                            <li style="width:100%;">过敏史：</li>
-                        </ul>
-                        <p class="centerRightTitle">诊断信息</p>
-                        <div style="display:flex;justify-content: space-between;line-height:30px;">
-                            <span style="font-size:14px;">门诊编号:676273816287361</span>
-                        </div>
-                        <ul class="basicUl">
-                            <li style="width:50%;">医生：{{ doctor.name }}</li>
-                            <li style="width:50%;">科室：{{ doctor.department }}</li>
-                            <li style="width:100%;">费用：{{ doctor.total }}元</li>
-                            <li style="width:100%;">判断结果：</li>
-                            <li style="width:100%;">是否有传染病：</li>
-                            <li style="width:100%;">血压：</li>
-                        </ul>
-                    </div>
+                    <el-tabs class="settlementTabs" v-model="activeName" @tab-click="handleClick">
+                        <el-tab-pane label="日结" name="first">
+                            <div style="display:flex;height:100%;">
+                                <div class="centerLeft">
+                                    <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" :before-leave="moreState">
+                                            <el-tab-pane
+                                                v-for="(item, index) in editableTabs"
+                                                :key="index"
+                                                :label="item.title"
+                                                :name="item.name"
+                                            >
+                                                <div class="RP">
+                                                    Rp
+                                                    <el-date-picker
+                                                    v-model="value1"
+                                                    type="date"
+                                                    placeholder="选择日期">
+                                                    </el-date-picker>
+                                                </div>
+                                                <prescription-table :preTableData='preTableData'></prescription-table>
+                                            </el-tab-pane>
+                                            <el-tab-pane name="more" closable><span slot="label"><i class="el-icon-plus" @click="addTab"></i></span></el-tab-pane>
+                                        </el-tabs>
+                                        
+                                    </div>
+                                    <div class="costBox">
+                                        <span>处方编号：2134348971237883</span>
+                                        <span>当前处方总费用：<span style="color:red;">{{ total }}元</span></span>
+                                        <span>{{ state }}</span>
+                                    </div>
+                                </div>
+                                <div class="centerRight">
+                                    <p class="centerRightTitle">人员信息</p>
+                                    <div style="display:flex;justify-content: space-between;line-height:30px;">
+                                        <span style="font-size:14px;">人员编码:</span>
+                                        <span style="font-size:14px;">日期:{{start_time}}</span>
+                                    </div>
+                                    <ul class="basicUl">
+                                        <li style="width:50%;">姓名：{{ patientInfo.name }}</li>
+                                        <li style="width:50%;">性别：{{ patientInfo && patientInfo.gend == 1 ? '男' : "女" }}</li>
+                                        <li style="width:50%;">年龄：{{ patientInfo.age }}</li>
+                                        <li style="width:50%;">身高：</li>
+                                        <li style="width:50%;">体重：</li>
+                                        <li style="width:50%;">电话：</li>
+                                        <li style="width:100%;">地址：</li>
+                                        <li style="width:100%;">过敏史：</li>
+                                    </ul>
+                                    <p class="centerRightTitle">诊断信息</p>
+                                    <div style="display:flex;justify-content: space-between;line-height:30px;">
+                                        <span style="font-size:14px;">门诊编号:676273816287361</span>
+                                    </div>
+                                    <ul class="basicUl">
+                                        <li style="width:50%;">医生：{{ doctor.name }}</li>
+                                        <li style="width:50%;">科室：{{ doctor.department }}</li>
+                                        <li style="width:100%;">费用：{{ doctor.total }}元</li>
+                                        <li style="width:100%;">判断结果：</li>
+                                        <li style="width:100%;">是否有传染病：</li>
+                                        <li style="width:100%;">血压：</li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </el-tab-pane>
+                        <el-tab-pane label="月结" name="second">
+                            <div style="display:flex;height:100%;">
+                                <div class="centerLeft">
+                                    <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" :before-leave="moreState">
+                                            <el-tab-pane
+                                                v-for="(item, index) in editableTabs"
+                                                :key="index"
+                                                :label="item.title"
+                                                :name="item.name"
+                                            >
+                                                <div class="RP">
+                                                    Rp
+                                                    <el-date-picker
+                                                    style="width:420px;"
+                                                    v-model="value1"
+                                                    type="daterange"
+                                                    range-separator="至"
+                                                    start-placeholder="开始日期"
+                                                    end-placeholder="结束日期">
+                                                    </el-date-picker> 
+                                                </div>
+                                                <prescription-table :preTableData='preTableData'></prescription-table>
+                                            </el-tab-pane>
+                                            <el-tab-pane name="more" closable><span slot="label"><i class="el-icon-plus" @click="addTab"></i></span></el-tab-pane>
+                                        </el-tabs>
+                                        
+                                    </div>
+                                    <div class="costBox">
+                                        <span>处方编号：2134348971237883</span>
+                                        <span>当前处方总费用：<span style="color:red;">{{ total }}元</span></span>
+                                        <span>{{ state }}</span>
+                                    </div>
+                                </div>
+                                <div class="centerRight">
+                                    <p class="centerRightTitle">人员信息</p>
+                                    <div style="display:flex;justify-content: space-between;line-height:30px;">
+                                        <span style="font-size:14px;">人员编码:</span>
+                                        <span style="font-size:14px;">日期:{{start_time}}</span>
+                                    </div>
+                                    <ul class="basicUl">
+                                        <li style="width:50%;">姓名：{{ patientInfo.name }}</li>
+                                        <li style="width:50%;">性别：{{ patientInfo && patientInfo.gend == 1 ? '男' : "女" }}</li>
+                                        <li style="width:50%;">年龄：{{ patientInfo.age }}</li>
+                                        <li style="width:50%;">身高：</li>
+                                        <li style="width:50%;">体重：</li>
+                                        <li style="width:50%;">电话：</li>
+                                        <li style="width:100%;">地址：</li>
+                                        <li style="width:100%;">过敏史：</li>
+                                    </ul>
+                                    <p class="centerRightTitle">诊断信息</p>
+                                    <div style="display:flex;justify-content: space-between;line-height:30px;">
+                                        <span style="font-size:14px;">门诊编号:676273816287361</span>
+                                    </div>
+                                    <ul class="basicUl">
+                                        <li style="width:50%;">医生：{{ doctor.name }}</li>
+                                        <li style="width:50%;">科室：{{ doctor.department }}</li>
+                                        <li style="width:100%;">费用：{{ doctor.total }}元</li>
+                                        <li style="width:100%;">判断结果：</li>
+                                        <li style="width:100%;">是否有传染病：</li>
+                                        <li style="width:100%;">血压：</li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </el-tab-pane>
+                    </el-tabs>
+                    
+                    
                 </div>
             </div>
         </div>
@@ -128,6 +210,7 @@ export default {
                 { path: false, name: '门诊收费管理' }
             ],
             tableData: [],
+            activeName:'first',
             editableTabsValue: '1',
             editableTabs: [{
             title: '处方1',
@@ -163,7 +246,9 @@ export default {
         open(index){
             if(index == 1){
             }else if(index == 2){
-                
+                this.$router.push('/outpatientCharges/print')
+            }else if(index == 3){
+                this.$router.push('/outpatientCharges/treatPrint')
             }else if(index == 4){
                 this.state = '已收费'
                 this.$message({message: '收费成功',type: 'success'});
@@ -347,6 +432,17 @@ export default {
         display: flex;
         flex-direction: column;
         position: relative;
+        height: 100%;
+    }
+    .settlementTabs{
+        flex: 1;
+        .el-tab-pane{
+            // display: flex;
+            height:100%;
+        }
+        .el-tabs__content{
+            height:100%;
+        }
     }
     .centerRight{
         width: 300px;
@@ -387,5 +483,10 @@ export default {
         display: none;
     }
 }
+.settlementTabs{
+    .el-tabs__content{
+        height:90%;
+    }
+}
 </style>
 

src/xt_pages/outpatientCharges/template/printOne.vue

@@ -0,0 +1,107 @@
+<template>
+    <div id='prescription-print' class="prescription-print">
+        <div class="printTitle">血液透析中心处方笺</div>
+        <div class="infoTitle">
+            <p>姓名：阿萨德</p>
+            <p>性别：男</p>
+            <p>年龄：12岁</p>
+        </div>
+        <div class="infoMain">
+            <p style="margin-bottom: 10px;">门诊号：111111111111</p>
+            <p style="margin-bottom: 10px;">科室：全科</p>
+            <p style="margin-bottom: 10px;">医保卡号：111111111111</p>
+            <p style="margin-bottom: 10px;">电话：111111111111</p>
+            <p>地址：加上来看待就卢萨卡的及拉丝机的了</p>
+            <p>临床诊断：拉胯手机上的拉丝机的</p>
+        </div>
+        <div class="prescriptionBox">
+            <p class="Rp">Rp:</p>
+            <div class="drugsBox">
+                <p class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</p>
+                <p style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></p>
+            </div>
+            <div class="drugsBox">
+                <p class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</p>
+                <p style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></p>
+            </div>
+        </div>
+        <div class="doctorBox">
+            <p>医师：高华</p>
+            <p>日期：2020-11-14 09:12:32</p>
+        </div>
+        <div class="actionBar">
+            <p>审核：</p>
+            <p>配对：</p>
+            <p>核对：</p>
+            <p>发药：</p>
+            <p>药费：</p>
+        </div>
+    </div>
+</template>
+
+
+
+<style lang="scss" scoped>
+.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 p{
+    width: 50%;
+    line-height: 24px;
+}
+.prescriptionBox{
+    padding:0 10px;
+    height:600px;
+}
+.Rp{
+    font-size: 22px;
+    font-weight: bold;
+}
+.drugsBox{
+    padding-left: 40px;
+    margin-bottom: 10px;
+}
+.drugsBox p{
+    line-height: 30px;
+}
+.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;
+}
+</style>

src/xt_pages/outpatientCharges/treatPrint.vue

@@ -0,0 +1,159 @@
+<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>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import {
+  getDialysisRecordInitData,
+  getDialysisSchedules
+} from "@/api/dialysis_record";
+import { parseTime } from "@/utils";
+import { getDialysisRecord } from "@/api/dialysis";
+import { getDataConfig } from "@/utils/data";
+import { jsGetAge, uParseTime } from "@/utils/tools";
+// import LabelBox from "./printItem/LabelBox";
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import print from "print-js";
+import printOne from "./treatTemplate/printOne"
+export default {
+  name: "dialysisPrintOrder",
+  components: {
+    BreadCrumb,
+    printOne
+  },
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: "透析管理" },
+        { path: false, name: "打印单" }
+      ],
+      childResponse: {},
+      
+
+    };
+  },
+  methods: {
+    getAdminUser(id) {
+      if (id == 0) {
+        return "";
+      }
+      if (id == undefined) {
+        return "";
+      }
+      for (let i = 0; i < this.adminUser.length; i++) {
+        if (this.adminUser[i].id == id) {
+          return this.adminUser[i].name;
+        }
+      }
+    },
+    getTime(value, temp) {
+      if (value == 0) {
+        return "";
+      }
+      if (value != undefined) {
+        return uParseTime(value, temp);
+      }
+      return "";
+    },
+    printThisPage() {
+      var ptime = Math.round(new Date().getTime() / 1000);
+      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
+
+      const style =
+        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoMain{display: flex;flex-wrap: wrap;padding:0 10px;margin-top:10px;}.infoMain .infoP{width: 33%;line-height: 1px;}.chargeBox{border: 1px solid #000;}.chargeUl{display:flex;justify-content: space-between;text-align: center;}.chargeUl p{line-height: 1px;}.chargeP{line-height: 1px;padding-bottom:16px;}.moneyBox{display: flex;justify-content: space-between;padding: 0 10px;background: #eeeeee;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;height: 40px;align-items: center;border:1px solid #000; border-top:none}.actionBar{display: flex;justify-content: space-between; line-height: 24px;padding:0 10px;}.actionBar p{width:150px;}}';
+        printJS({
+            printable: "prescription-print",
+            type: "html",
+            style: style,
+            scanStyles: false
+        });
+
+      // if (this.org_template_info.template_id == 1) {
+      //   printJS({
+      //     printable: "dialysis-print-box",
+      //     type: "html",
+      //     style: style,
+      //     scanStyles: false
+      //   });
+      // }
+    },
+  },
+  created() {
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.printTitle{
+    font-size: 22px;
+    text-align: center;
+    font-weight: bold;
+}
+.infoMain{
+    display: flex;
+    flex-wrap: wrap;
+    border-bottom: 2px solid #000;
+    padding:0 10px;
+}
+.infoMain .infoP{
+    width: 33%;
+    line-height: 24px;
+}
+.prescriptionBox{
+    padding:0 10px;
+    height:600px;
+}
+.Rp{
+    font-size: 22px;
+    font-weight: bold;
+}
+.drugsBox{
+    padding-left: 40px;
+    margin-bottom: 10px;
+}
+.drugsBox p{
+    line-height: 30px;
+}
+.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;
+}
+</style>

src/xt_pages/outpatientCharges/treatTemplate/printOne.vue

@@ -0,0 +1,146 @@
+<template>
+    <div id='prescription-print' class="prescription-print">
+        <div class="printTitle">血液透析中心医药费收据及收费项目清单</div>
+        <div class="infoMain">
+            <p class="infoP">医院(药店)编号：H8D50</p>
+            <p class="infoP">名称：血液透析中心</p>
+            <p class="infoP">医生工号：H8D50</p>
+            <p class="infoP">门诊流水号：H8D50</p>
+            <p class="infoP">科别：全科</p>
+            <p class="infoP">处方单据号：H8D50</p>
+            <p class="infoP">姓名：张三</p>
+            <p class="infoP">医疗账号：98798798</p>
+            <p class="infoP">医疗类别：普通</p>
+        </div>
+        <div class="chargeBox">
+            <div style="display:flex;justify-content: space-between;border-bottom:1px solid #000;">
+                <div class="chargeUl" style="width:20%;">
+                    <p style="width:50%;border-right:1px solid #000;">费用类型</p>
+                    <p style="width:50%;border-right:1px solid #000;">金额</p>
+                </div>
+                <div class="chargeUl" style="width:80%;">
+                    <p style="width:40%;border-right:1px solid #000;">明细名称</p>
+                    <p style="width:15%;border-right:1px solid #000;">规格</p>
+                    <p style="width:15%;border-right:1px solid #000;">数量</p>
+                    <p style="width:15%;border-right:1px solid #000;">单价</p>
+                    <p style="width:15%;">金额</p>
+                </div>
+            </div>
+            <div style="display:flex;justify-content: space-between;">
+                <div style="width:20%;">
+                    <div class="chargeUl" v-for="item in 3">
+                        <p style="width:50%;">材料费</p>
+                        <p style="width:50%;">122</p>
+                    </div>
+                    <div class="chargeUl" style="border-top:1px solid #000;"> 
+                        <p style="width:50%;">费用合计</p>
+                        <p style="width:50%;">123</p>
+                    </div>
+                    <div class="chargeUl" style="border-top:1px solid #000;">
+                        <p style="width:50%;">记账支付</p>
+                        <p style="width:50%;">123</p>
+                    </div>
+                    <div class="chargeUl" style="border-top:1px solid #000;">
+                        <p style="width:50%;">个人账号</p>
+                        <p style="width:50%;">123</p>
+                    </div>
+                    <div class="chargeUl" style="border-top:1px solid #000;border-bottom:1px solid #000;">
+                        <p style="width:50%;">现金支付</p>
+                        <p style="width:50%;">123</p>
+                    </div>
+                </div>
+                <div style="width:80%;display:flex;height:600px;">
+                    <!-- <ul class="chargeUl" v-for="item in 4">
+                        <li style="width:20%;">血压透析器（进口）FFX60</li>
+                        <li style="width:20%;">次</li>
+                        <li style="width:20%;">1个</li>
+                        <li style="width:20%;">123</li>
+                        <li style="width:20%;">123</li>
+                    </ul> -->
+                    <div style="border-left:1px solid #000;border-right:1px solid #000;width:40%;text-align:center;">
+                        <p v-for="item in 4" class="chargeP">血压透析器（进口）FFX60</p>
+                    </div>
+                    <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                        <p v-for="item in 4" class="chargeP">次</p>
+                    </div>
+                    <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                        <p v-for="item in 4" class="chargeP">1个</p>
+                    </div>
+                    <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                        <p v-for="item in 4" class="chargeP">123</p>
+                    </div>
+                    <div style="width:15%;text-align:center;">
+                        <p v-for="item in 4" class="chargeP">123</p>
+                    </div>
+                </div>
+            </div>
+            
+        </div>
+        <div class="moneyBox">
+            <p>实收金：111</p>
+            <p>记账前金额：111</p>
+            <p>扣款金额：111</p>
+            <p>记账后金额：111</p>
+            <p>找赎金：111</p>
+        </div>
+        <div class="actionBar">
+            <p>收费员：</p>
+            <p>日期：</p>
+        </div>
+    </div>
+</template>
+
+
+
+<style lang="scss" scoped>
+.printTitle{
+    font-size: 22px;
+    text-align: center;
+    font-weight: bold;
+}
+.infoMain{
+    display: flex;
+    flex-wrap: wrap;
+    padding:0 10px;
+    margin-top:10px;
+}
+.infoMain .infoP{
+    width: 33%;
+    line-height: 24px;
+}
+.chargeBox{
+    border: 1px solid #000;
+}
+.chargeUl{
+    display:flex;
+    justify-content: space-between;
+    text-align: center;
+}
+.chargeUl p{
+    height:40px;
+    line-height: 40px;
+}
+.chargeP{
+    height:40px;
+    line-height: 40px;
+}
+.moneyBox{
+    display: flex;
+    justify-content: space-between;
+    padding: 0 10px;
+    background: #eee;
+    height: 40px;
+    align-items: center;
+    border:1px solid #000;
+    border-top:none
+}
+.actionBar{
+    display: flex;
+    justify-content: space-between; 
+    line-height: 24px;
+    padding:0 10px;
+}
+.actionBar p{
+    width:150px;
+}
+</style>

src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue

@@ -21,6 +21,16 @@
           <el-form-item label="挂号类型: " prop="name">
             <el-input v-model="hisPatientInfo.register_type" placeholder="" readonly></el-input>
           </el-form-item>
+          <el-form-item label="挂号类型: " prop="name">
+            <el-select style="margin-right:5px;" v-model="doctorValue" placeholder="">
+              <el-option
+                v-for="(item,index) in doctors"
+                :key="index"
+                :label="item.user_name"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
           <el-form-item label="诊断:" prop="name">
             <el-autocomplete
               style="width:100%;"
@@ -30,7 +40,7 @@
               placeholder="请输入内容"
             ></el-autocomplete>
           </el-form-item>
-          <el-form-item label="过敏及特殊病史: " prop="name">
+          <el-form-item label="特殊病史: " prop="name">
             <el-autocomplete
               style="width:100%;"
               class="inline-input"

src/xt_pages/outpatientDoctorStation/components/deskRecord.vue

@@ -36,9 +36,18 @@
       <el-form-item label="联系电话: " prop="name">
         <el-input v-model="patientInfo.phone" placeholder="" readonly></el-input>
       </el-form-item>
-
-      <el-form-item label="关系联系人电话: " prop="name">
-        <el-input v-model="patientInfo.relative_phone" placeholder="" readonly></el-input>
+      <el-form-item label="医保类型: " prop="name">
+        <!-- <el-select v-model="scope.row.delivery_way" placeholder="请选择">
+          <el-option
+            v-for="(item,index) in arr"
+            :key="index"
+            :label="item.name"
+            :value="item.name">
+          </el-option>
+        </el-select> -->
+      </el-form-item>
+      <el-form-item label="医保证号: " prop="name">
+        <el-input v-model="patientInfo.home_address" placeholder="" readonly></el-input>
       </el-form-item>
       <el-form-item label="家庭住址: " prop="name">
         <el-input v-model="patientInfo.home_address" placeholder="" readonly></el-input>
@@ -50,44 +59,23 @@
         <el-input v-model="case_history.temperature" placeholder=""></el-input>
         <span>℃</span>
       </el-form-item>
-      <el-form-item label="血糖: " prop="name">
-        <el-input v-model="case_history.blood_sugar" placeholder=""></el-input>
-        mmol/L
-      </el-form-item>
       <el-form-item label="脉搏: " prop="name">
         <el-input v-model="case_history.pulse" placeholder=""></el-input>
         (次/分)
       </el-form-item>
+      <el-form-item label="呼吸: " prop="name">
+        <el-input v-model="case_history.pulse" placeholder=""></el-input>
+        (次/分)
+      </el-form-item>
       <el-form-item label="血压:" prop="name">
         <el-input v-model="case_history.sbp" placeholder=""></el-input>
         /
         <el-input v-model="case_history.dbp" placeholder=""></el-input>
         mmHg
       </el-form-item>
-      <el-form-item label="身高: " prop="name">
-        <el-input v-model="case_history.height" placeholder=""></el-input>
-        cm
-      </el-form-item>
-      <el-form-item label="血脂: " prop="name">
-        <el-input v-model="case_history.blood_fat" placeholder=""></el-input>
-        mmol/L
-      </el-form-item>
     </el-form>
     <div class="mainTitle">病历信息：</div>
     <el-form class="recordForm" :model="case_history" :rules="rules" ref="form" label-width="80px">
-      <el-form-item label="疾病分类:" prop="name">
-        <el-select style="width:100%;" v-model="case_history.sick_type" placeholder="">
-          <el-option
-            v-for="item,index in getDictionaryDataConfig('system','sick_type')"
-            :key="index"
-            :label="item.name"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="症状: " prop="name">
-        <el-input v-model="case_history.symptom" placeholder=""></el-input>
-      </el-form-item>
       <el-form-item label="发病日期: " prop="name">
         <el-date-picker
           style="width:100%;"
@@ -249,7 +237,7 @@
             }
           })
         } else if (index == 2) {
-
+          this.$router.push('/outpatientDoctorStation/recordPrint')
         } else if (index == 3) {
           this.$refs.medicalRecord.show()
         } else if (index == 4) {
@@ -267,6 +255,7 @@
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 10px;
+    color:#409EFF;
   }
 
   .backColor {

src/xt_pages/outpatientDoctorStation/components/medicalRecord.vue

@@ -33,16 +33,19 @@
                         <el-table-column align="center" prop="name" label="病历编号">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="诊断信息">
+                        <el-table-column align="center" prop="name" label="名称">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="医生">
+                        <el-table-column align="center" prop="name" label="创建人">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
                         <el-table-column align="center" prop="name" label="创建日期">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="操作">
+                        <el-table-column align="center" prop="name" label="模板说明">
+                            <template slot-scope="scope">{{ scope.row.date }}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" label="操作" width='200'>
                             <template slot-scope="scope">
                                 <el-button type="primary" size="mini">调用</el-button>
                                 <el-button type="primary" size="mini" @click="toHistoryDetail">详情</el-button>
@@ -75,22 +78,25 @@
                         <el-table-column align="center" prop="name" label="病历编号">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="诊断信息">
+                        <el-table-column align="center" prop="name" label="名称">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="医生">
+                        <el-table-column align="center" prop="name" label="创建人">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
                         <el-table-column align="center" prop="name" label="创建日期">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="操作">
+                        <el-table-column align="center" prop="name" label="模板说明">
+                            <template slot-scope="scope">{{ scope.row.date }}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" label="操作" width='200'>
                             <template slot-scope="scope">
                                 <el-button type="primary" size="mini">调用</el-button>
                                 <el-button type="primary" size="mini" @click="totemplateDetail">详情</el-button>
                             </template>
                         </el-table-column>
-                    </el-table> 
+                    </el-table>
                 </el-tab-pane>
             </el-tabs>
         </div>

src/xt_pages/outpatientDoctorStation/components/prescriptionTable.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="prescriptionTable">
-    <el-table v-if="activeType  == 1" :data="prescription.advices" border style="width: 98%;" :row-style="{ color: '#303133' }"
+    <el-table v-if="activeType  == 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" prop="name" label="名称">
         <template slot-scope="scope">{{ scope.row.drug_name }}</template>
@@ -16,7 +16,7 @@
         <template slot-scope="scope">
           <el-select v-model="scope.row.delivery_way" placeholder="请选择">
             <el-option
-              v-for="item,index in drugways"
+              v-for="(item,index) in drugways"
               :key="index"
               :label="item.name"
               :value="item.name">
@@ -62,7 +62,7 @@
       </el-table-column>
     </el-table>
 
-    <el-table v-if="activeType == 2" :data="prescription.project" border style="width: 98%;" :row-style="{ color: '#303133' }"
+    <el-table v-if="activeType == 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="selection" width="40"></el-table-column>
       <el-table-column align="center" type="index" width="40" label="序号">
@@ -70,7 +70,7 @@
             {{scope.$index + 1}}
          </template>
       </el-table-column>
-      <el-table-column align="center" prop="project_name" label="名称">
+      <el-table-column align="center" prop="project_name" width="50" label="名称">
         <template slot-scope="scope">{{ scope.row.project_name }}</template>
       </el-table-column>
       <el-table-column align="center" prop="statistical_classification" width="50" label="组">
@@ -78,27 +78,27 @@
           {{getGroup(scope.row.statistical_classification)}}
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="single_dose" width="130" :label="'单次\n用量'">
+      <el-table-column align="center" prop="single_dose" :label="'单次\n用量'">
         <template slot-scope="scope">
           <el-input v-model="scope.row.single_dose" placeholder=""></el-input>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="delivery_way" width="130" label="用法">
+      <el-table-column align="center" prop="delivery_way" width="50" label="用法">
         <template slot-scope="scope">
           <el-input v-model="scope.row.delivery_way" placeholder=""></el-input>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="execution_frequency" width="130" label="频率">
+      <el-table-column align="center" prop="execution_frequency" width="50" label="频率">
         <template slot-scope="scope">
           <el-input v-model="scope.row.execution_frequency" placeholder=""></el-input>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="number_days" width="130" label="天数">
+      <el-table-column align="center" prop="number_days" width="50" label="天数">
         <template slot-scope="scope">
           <el-input v-model="scope.row.number_days" placeholder=""></el-input>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="total" width="100" label="总量">
+      <el-table-column align="center" prop="total" width="50" label="总量">
         <template slot-scope="scope">
           <div style="display:flex;">
             <el-input v-model="scope.row.total" style="width:50" placeholder=""></el-input>
@@ -110,7 +110,7 @@
           <el-input v-model="scope.row.price" placeholder=""></el-input>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="name" width="120" label="备注">
+      <el-table-column align="center" prop="name" width="50" label="备注">
         <template slot-scope="scope">
            <el-input v-model="scope.row.remark"></el-input>
         </template>
@@ -122,6 +122,16 @@
       </el-table-column>
     </el-table>
 
+    <div class="additionalBox">
+      <div class="additionalOne" v-for="(item,index) in 8" :key="index">
+        <span>治疗费</span>
+        <el-input v-model="input" placeholder="" style="width:50px;"></el-input>
+        共
+        <el-input v-model="input" placeholder="" style="width:50px;"></el-input>
+        次
+        <i class="el-icon-delete deleteIcon"></i>
+      </div>
+    </div>
 
 
 
@@ -233,15 +243,37 @@
 
 <style lang="scss">
   .prescriptionTable {
+    .additionalBox{
+      margin-top: 20px;
+      display: flex;
+      flex-wrap: wrap;
+      .additionalOne{
+        margin-right:20px;
+        margin-bottom:10px;
+        display: flex;
+        align-items: center;
+        >span{
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          width:60px;
+          display: inline-block;
+          font-size: 14px;
+        }
+      }
+      .deleteIcon{
+        color:red;
+        margin-left:5px;
+      }
+    }
+    .el-table th .cell, .el-table td .cell {
+      padding: 0 2px;
+      white-space: pre-line;
+    }
 
-  .el-table th .cell, .el-table td .cell {
-    padding: 0 2px;
-    white-space: pre-line;
-  }
-
-  .el-icon-delete {
-    color: red;
-  }
+    .el-icon-delete {
+      color: red;
+    }
 
   }
 </style>

src/xt_pages/outpatientDoctorStation/components/recordTemplateDetail.vue

@@ -8,40 +8,12 @@
         append-to-body
     >
         <el-form class="recordForm" :model="form" :rules="rules" ref="form" label-width="80px">
-            <el-form-item label="模板名称: " prop="name" style="width:49%;">
+            <el-form-item label="模板名称: " prop="name" style="width:100%;">
                 <el-input v-model="form.name" placeholder=""></el-input>
             </el-form-item>
-            <el-form-item label="" prop="name" style="width:49%;">
-                <el-radio v-model="radio" label="1">私人模板</el-radio>
-                <el-radio v-model="radio" label="2">公共模板</el-radio>
-            </el-form-item>
             <el-form-item label="模板说明: " prop="name" style="width:100%;">
                 <el-input v-model="form.name" placeholder=""></el-input>
             </el-form-item>
-            <el-form-item label="病历分类:" prop="name">
-                <el-select style="width:100%;" v-model="value" placeholder="">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="症状: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>
-            </el-form-item>
-            <el-form-item label="发病日期: " prop="name">
-                <el-date-picker
-                style="width:100%;"
-                v-model="value1"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-            </el-form-item>
-            <el-form-item label="" prop="name">
-                <el-checkbox v-model="checked">是否传染</el-checkbox>
-            </el-form-item>
             <el-form-item label="主诉:" prop="name" style="width:100%;">
                 <el-input
                 type="textarea"

src/xt_pages/outpatientDoctorStation/components/saveRecordTemplate.vue

@@ -22,7 +22,9 @@
                 v-model="textarea">
                 </el-input>
             </el-form-item>
-            <el-form-item label="创建人:" prop="name" style="width:100%;">
+            <el-form-item label="创建人:" prop="name" style="width:49%;">
+            </el-form-item>
+            <el-form-item label="创建时间:" prop="name" style="width:49%;">
             </el-form-item>
         </el-form>
         <div slot="footer" class="dialog-footer">

src/xt_pages/outpatientDoctorStation/print.vue

@@ -218,7 +218,7 @@ export default {
       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: 24px; padding:0 10px;}.infoTitle p{width: 200px;}.infoMain{display: flex;flex-wrap: wrap;border-bottom: 2px solid #000;padding:0 10px;}.infoMain p{width: 50%;line-height: 24px;}.prescriptionBox{padding:0 10px;height:600px;}.Rp{font-size: 22px;font-weight: bold;}.drugsBox{padding-left: 40px;margin-bottom: 10px;margin-bottom: 10px;}.drugsBox p{line-height: 30px;} .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;}}';
+        '@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: 200px;}.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;height:750px;}.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;}}';
       printJS({
         printable: "prescription-print",
         type: "html",
@@ -235,94 +235,7 @@ export default {
       //   });
       // }
     },
-    printThisOnePage() {
-      var ptime = Math.round(new Date().getTime() / 1000);
-      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
-
-      const style =
-        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';
-      const style2 =
-        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:200px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
-
-      if (this.org_template_info.template_id == 1) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (
-        this.org_template_info.template_id == 2 ||
-        this.org_template_info.template_id == 0 ||
-        this.org_template_info.template_id == 5 ||
-        this.org_template_info.template_id == 22 
-      ) {
-        printJS({
-          printable: "dialysis-print-box-1-1",
-          type: "html",
-          style: style2,
-          scanStyles: false
-        });
-      } else if(this.org_template_info.template_id == 14){
-        printJS({
-          printable: "new-dialysis-1",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if(this.org_template_info.template_id == 21){
-        printJS({
-          printable: "new-dialysis-1",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      }
-    },
-    printThisTwoPage() {
-      var ptime = Math.round(new Date().getTime() / 1000);
-      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
-
-      const style =
-        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';
-      const style2 =
-        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
-
-      if (this.org_template_info.template_id == 1) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (
-        this.org_template_info.template_id == 2 ||
-        this.org_template_info.template_id == 0 ||
-        this.org_template_info.template_id == 5 ||
-        this.org_template_info.template_id == 22 
-      ) {
-        printJS({
-          printable: "dialysis-print-box-1-2",
-          type: "html",
-          style: style2,
-          scanStyles: false
-        });
-      }else if(this.org_template_info.template_id == 14){
-        printJS({
-          printable: "new-dialysis-2",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if(this.org_template_info.template_id == 21){
-        printJS({
-          printable: "new-dialysis-2",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      }
-    },
+    
     getNumber() {
       if (this.dialysisOrder != null) {
         return (

src/xt_pages/outpatientDoctorStation/recordPrint.vue

@@ -0,0 +1,329 @@
+<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;">
+        <el-container class="newContainer">
+            <div style="width:270px;margin-right:20px;">
+                <div class="cell clearfix" style="margin-bottom:10px;">
+                    <el-input size="small" @keyup.enter.native='searchAction' 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" @row-click="changePatient" highlight-current-row :data="tableData" height="480" border style="width: 100%">
+                    <el-table-column prop="date"  label="患者">
+                        <template slot-scope="scope">
+                            {{ scope.row.patient.name }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="name" label="透析号">
+                        <template slot-scope="scope">
+                            {{ scope.row.patient.dialysis_no }}
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            
+            <div class='dialysisPage' style="flex: 1;height: calc(100vh - 178px);overflow-x:auto;::-webkit-scrollbar:height:15px">
+              <printOne v-bind:childResponse="childResponse"></printOne>
+            </div>
+        </el-container>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import {
+  getDialysisRecordInitData,
+  getDialysisSchedules
+} from "@/api/dialysis_record";
+import { parseTime } from "@/utils";
+import { getDialysisRecord } from "@/api/dialysis";
+import { getDataConfig } from "@/utils/data";
+import { jsGetAge, uParseTime } from "@/utils/tools";
+// import LabelBox from "./printItem/LabelBox";
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import print from "print-js";
+import printOne from "./recordTemplate/printOne"
+export default {
+  name: "dialysisPrintOrder",
+  components: {
+    BreadCrumb,
+    printOne
+  },
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: "透析管理" },
+        { path: false, name: "打印单" }
+      ],
+      childResponse: {},
+    };
+  },
+  methods: {
+    getAdminUser(id) {
+      if (id == 0) {
+        return "";
+      }
+      if (id == undefined) {
+        return "";
+      }
+      for (let i = 0; i < this.adminUser.length; i++) {
+        if (this.adminUser[i].id == id) {
+          return this.adminUser[i].name;
+        }
+      }
+    },
+    getTime(value, temp) {
+      if (value == 0) {
+        return "";
+      }
+      if (value != undefined) {
+        return uParseTime(value, temp);
+      }
+      return "";
+    },
+    printThisPage() {
+      var ptime = Math.round(new Date().getTime() / 1000);
+      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;margin-top:10px;line-height: 1px;padding:0 10px;}.infoTitle p{width: 200px;}.otherInfo{display: flex;margin-top:10px;padding:0 10px;}.otherInfo span{display:inline-block;}.recordTitle{display: flex;margin-top:10px;line-height: 24px;padding:0 10px;border-bottom: 2px solid #000;}.recordTitle p{width: 200px;}}';
+      printJS({
+        printable: "prescription-print",
+        type: "html",
+        style: style,
+        scanStyles: false
+      });
+
+      // if (this.org_template_info.template_id == 1) {
+      //   printJS({
+      //     printable: "dialysis-print-box",
+      //     type: "html",
+      //     style: style,
+      //     scanStyles: false
+      //   });
+      // }
+    },
+  },
+  created() {
+  },
+  computed:{
+    filtedSchedules: function() {
+      var search_keyword = this.search_keyword
+      if (search_keyword.length > 0) {
+        var schedules = []
+        for (let o_i = 0; o_i < this.zone_schedules.length; o_i++) {
+        const scheduleInfo = this.zone_schedules[o_i]
+        var originSchedules = scheduleInfo.schedules
+        if (originSchedules.length == 0) {
+            continue
+        }
+        var filtedSchedules = []
+        for (let s_i = 0; s_i < originSchedules.length; s_i++) {
+            const schedule = originSchedules[s_i]
+            if (schedule.patient.name.indexOf(search_keyword) != -1) {
+            filtedSchedules.push(schedule)
+            // break
+            }
+        }
+        if (filtedSchedules.length > 0) {
+            schedules.push({ zone_id: scheduleInfo.zone_id, zone_name: scheduleInfo.zone_name, schedules: filtedSchedules })
+        }
+        }
+        return schedules
+      }
+    }
+  },
+};
+</script>
+
+<style>
+.dialysis-print-order {
+  width: 960px;
+  margin: 0 auto;
+}
+
+.dialysis-print-order .order-yy-name {
+  margin: auto;
+  text-align: center;
+  font-size: 20px;
+  letter-spacing: 5px;
+}
+
+.dialysis-print-order .order-title {
+  margin: auto;
+  font-weight: 600;
+  text-align: center;
+  font-size: 22px;
+  padding: 10px;
+}
+
+.dialysis-print-order .table-box {
+  width: 100%;
+  line-height: 23px;
+  font-size: 14px;
+}
+
+.dialysis-print-order .print-table {
+  width: 100%;
+  text-align: center;
+  border-collapse: collapse;
+  line-height: 40px;
+  font-size: 14px;
+  border-color: #000;
+}
+
+.dialysis-print-order .print-table-no {
+  width: 100%;
+  text-align: center;
+  border-collapse: collapse;
+  font-size: 14px;
+}
+
+.dialysis-print-order .under-line {
+  border-bottom: 1px solid #999;
+  width: 95%;
+  text-align: center;
+  margin-left: 2px;
+}
+
+.dialysis-print-order .title-box {
+  text-align: center;
+  font-size: 16px;
+}
+
+.dialysis-print-order .radio-lebel-box {
+  font-weight: 400;
+  cursor: pointer;
+}
+
+.dialysis-print-order .radio-no {
+  opacity: 0;
+  outline: none;
+  position: absolute;
+  margin: 0;
+  width: 0;
+  height: 0;
+  z-index: -1;
+}
+
+.dialysis-print-order .radio-inner {
+  white-space: nowrap;
+  cursor: pointer;
+  outline: none;
+  display: inline-block;
+  line-height: 1;
+  position: relative;
+  vertical-align: middle;
+}
+
+.dialysis-print-order .radio-fang {
+  display: inline-block;
+  position: relative;
+  border: 1px solid #000;
+  box-sizing: border-box;
+  width: 14px;
+  height: 14px;
+  background-color: #fff;
+  z-index: 1;
+  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
+    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
+}
+
+.dialysis-print-order .is-checked-radio::after {
+  content: "√";
+  font-size: 15px;
+}
+
+.dialysis-print-order .print-table-no tr td {
+  padding: 8px 5px;
+  line-height: 25px;
+}
+
+.dialysis-print-order .print-table tr td {
+  padding: 1px 1px;
+  /*line-height: 25px;*/
+}
+
+.es-img {
+  height: 30px;
+}
+
+.advice-name {
+  text-align: left;
+}
+
+.advice-children {
+  display: flex;
+}
+
+.title-box-pro {
+  border: 0 #fff;
+  line-height: 25px;
+  height: 25px;
+  text-align: left;
+  padding-left: 10px !important;
+}
+.title-box-pro-tr {
+  border: 0 #fff;
+}
+.text-align-left {
+  text-align: left !important;
+  padding-left: 10px !important;
+  font-size: 14px !important;
+  line-height: 25px;
+}
+.print-table-tr-new td {
+  line-height: 20px !important;
+}
+.border-top-solid {
+  border: solid 1px #000;
+}
+.print-template-two tr {
+  line-height: 30px;
+}
+
+.table-box1 {
+  border: 1px solid #000;
+  width: 100%;
+  line-height: 30px;
+  font-size: 14px;
+  border-collapse: collapse;
+}
+.table-box1 tr {
+  border-bottom: 1px solid #000;
+}
+</style>
+
+<style lang="scss">
+
+.newContainer{
+  .dialysisPage::-webkit-scrollbar {
+    height: 15px;
+  }
+  
+  .el-date-editor{
+    .el-input__inner{
+      padding-right:0px;
+    }
+  }
+  .el-table td, .el-table th{
+    text-align: center;
+  }
+}
+.newContainer::-webkit-scrollbar{
+  height: 15px !important;
+}
+</style>

src/xt_pages/outpatientDoctorStation/recordTemplate/printOne.vue

@@ -0,0 +1,119 @@
+<template>
+    <div id='prescription-print' class="prescription-print">
+        <div class="printTitle">门诊病历</div>
+        <div class="infoTitle">
+            <p>姓名：阿萨德</p>
+            <p>性别：男</p>
+            <p>年龄：12岁</p>
+        </div>
+        <div class="infoTitle">
+            <p>婚姻状况：婚姻状况保密</p>
+            <p>职业：未分类</p>
+        </div>
+        <div class="otherInfo">
+            <p>医保号：</p>
+            <p style="flex:1;">7938749234</p>
+        </div>
+        <div class="otherInfo">
+            <p>联系电话：</p>
+            <p style="flex:1;">23234343234</p>
+        </div>
+        <div class="otherInfo">
+            <p>通讯地址：</p>
+            <p style="flex:1;">奥数都我阿苏do一按实际的福克斯</p>
+        </div>
+        <div class="otherInfo">
+            <p>药物过敏史：</p>
+            <p style="flex:1;">奥数都我阿苏do一按实际的福克斯</p>
+        </div>
+        <div class="otherInfo">
+            <p>病历编号：</p>
+            <p style="flex:1;">2020110300002525</p>
+        </div>
+        <div style="page-break-after:always;margin-top:50px;"></div>
+
+
+        <div class="printTitle">病历内容</div>
+        <div class="recordTitle">
+            <p>科别：全科</p>
+            <p>姓名：阿萨德</p>
+            <p>性别：男</p>
+            <p>年龄：12岁</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">主诉：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">现病史：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">既往史：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">药物过敏史：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">个人史：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">家族史：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">体格检查：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">门诊诊断：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">门诊医嘱：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div style="margin-top:20px;text-align:right;">
+            医生签名：阿斯加德
+        </div>
+    </div>
+</template>
+
+
+
+<style lang="scss" scoped>
+.printTitle{
+    font-size: 22px;
+    text-align: center;
+    font-weight: bold;
+}
+.infoTitle{
+    display: flex;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+}
+.infoTitle p{
+    width: 200px;
+}
+.otherInfo{
+    display: flex;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+}
+.recordTitle{
+    display: flex;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+    border-bottom: 2px solid #000;
+}
+.recordTitle p{
+    width: 200px;
+}
+
+</style>