Merge branch '20201109_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20201109_pc_vue_new_branch

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 v-if="prescription.type == 1" :data="prescription.advices" border style="width: 98%;"
+    <el-table v-if="prescription.type == 1" :data="prescription.advices" border style="width: 99%;"
               :row-style="{ color: '#303133' }"
               :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
       <el-table-column align="center" prop="name" label="名称">
@@ -57,7 +57,7 @@
         </template>
       </el-table-column>
     </el-table>
-    <el-table v-if="prescription.type == 2" :data="prescription.project" border style="width: 98%;"
+    <el-table v-if="prescription.type == 2" :data="prescription.project" border style="width: 99%;"
               :row-style="{ color: '#303133' }"
               :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
 
@@ -108,6 +108,11 @@
       </el-table-column>
     </el-table>
   </div>
+
+
+
+
+
 </template>
 
 <script>
@@ -131,6 +136,63 @@
         } else {
           this.drugways = response.data.data.drugways
           this.efs = response.data.data.efs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
         }
       })
     }, methods:  {
@@ -152,16 +214,36 @@
 </script>
 
 <style lang="scss">
-  .prescriptionTable {
-
-  .el-table th .cell, .el-table td .cell {
-    padding: 0 2px;
-    white-space: pre-line;
-  }
-
-  .el-icon-delete {
-    color: red;
-  }
-
-  }
+.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-icon-delete{
+        color:red;
+    }
+}
 </style>

src/xt_pages/outpatientCharges/outpatientChargesManagement.vue

@@ -1,515 +1,492 @@
 <template>
-  <div class="main-contain outpatientChargesManagement">
-    <div class="position">
-      <bread-crumb :crumbs='crumbs'></bread-crumb>
-    </div>
-    <div class="app-container" style="display:flex;flex: 1;padding: 20px 20px 0px 20px;">
-      <div class="mainLeft">
-        <!--<div class="mainCell" style="justify-content: space-between;">-->
-        <!--<p>未就诊：<span>1</span>人</p>-->
-        <!--<p>已就诊：<span>0</span>人</p>-->
-        <!--</div>-->
-        <!--<div class="mainCell">-->
-        <!--<el-radio-group v-model="radio" @change="changeRadio">-->
-        <!--<el-radio :label=1>未就诊</el-radio>-->
-        <!--<el-radio :label=2>已就诊</el-radio>-->
-        <!--<el-radio :label=3>全部</el-radio>-->
-        <!--</el-radio-group>-->
-        <!--</div>-->
-        <div class="mainCell" style="margin-bottom:10px;">
-          <el-input size="small" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>
-          <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary" @click="searchAction">
-            搜索
-          </el-button>
+    <div class="main-contain outpatientChargesManagement">
+        <div class="position">
+            <bread-crumb :crumbs='crumbs'></bread-crumb>
         </div>
-        <div style="flex:1;overflow-y:auto;">
-          <el-table :data="patientTableData" border style="width: 100%;" :row-style="{ color: '#303133' }"
-                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+        <div class="app-container" style="display:flex;flex: 1;padding: 20px 20px 0px 20px;">
+            <div class="mainLeft">
+                <div class="mainCell" style="justify-content: space-between;">
+                    <p>未就诊：<span>1</span>人</p>
+                    <p>已就诊：<span>0</span>人</p>
+                </div>
+                <div class="mainCell">
+                    <el-radio-group v-model="radio" @change="changeRadio">
+                        <el-radio :label=1>未就诊</el-radio>
+                        <el-radio :label=2>已就诊</el-radio>
+                        <el-radio :label=3>全部</el-radio>
+                    </el-radio-group>
+                </div>
+                <div class="mainCell" style="margin-bottom:10px;">
+                    <el-input size="small" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>
+                    <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary" @click="searchAction">搜索</el-button>
+                </div>
+                <div style="flex:1;overflow-y:auto;">
+                    <el-table :data="tableData" border  style="width: 100%;" :row-style="{ color: '#303133' }" 
+                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" 
                     highlight-current-row ref="tab"
                     @current-change="handleCurrentChange">
-            <el-table-column align="center" prop="name" label="患者姓名">
-              <template slot-scope="scope">{{ scope.row.patients.name }}</template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" label="就诊号" width="90">
-              <template slot-scope="scope">{{ scope.row.his_patient.number }}</template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-      <div class="mainRight">
-        <div class="mainCell" style="margin-bottom:10px;flex-direction: row-reverse;">
-          <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>
-          <el-button v-loading="loadingone" v-if="hisPatientInfo == null || hisPatientInfo.id == 0 " size="small" @click="open(6)"
-                     type="primary">挂号
-          </el-button>
-          <el-button v-loading="loadingtwo" v-if="hisPatientInfo != null && hisPatientInfo.id > 0 " size="small" @click="open(4)"
-                     type="primary">收费
-          </el-button>
-          <el-button size="small" @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" @tab-click="tabclickEvent">
-                <el-tab-pane
-                  v-for="(item, index) in prescriptions"
-                  :key="index"
-                  :label="item.name"
-                  :name="item.name"
-                >
-                </el-tab-pane>
-                <div class="RP">Rp</div>
-                <prescription-table ref="prescription_tables" :prescription="curPrescriptions"></prescription-table>
-              </el-tabs>
-
+                        <el-table-column align="center" prop="name" label="患者姓名">
+                            <template slot-scope="scope">{{ scope.row.name }}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" label="就诊号" width="90">
+                            <template slot-scope="scope">3222</template>
+                        </el-table-column>
+                    </el-table>
+                </div>
             </div>
-            <div class="costBox">
-              <span>当前处方总费用：<span style="color:red;">{{ getTotal() }}元</span></span>
-              <span>{{ state }}</span>
+            <div class="mainRight">
+                 
+                <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>
+                    <el-button size="small" @click="open(4)" type="primary">收费</el-button>
+                    <el-button size="small" v-if="state == '已收费'" @click="open(5)" type="primary">退费</el-button>
+                </div>
+                <div class="mainCenter">
+                    <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>
-          <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;">日期:{{record_date}}</span>
-            </div>
-            <ul class="basicUl">
-              <li style="width:50%;">姓名：{{patientInfo.name}}</li>
-              <li style="width:50%;">性别：{{patientInfo.gender == 1 ? '男' : '女' }}</li>
-              <li style="width:50%;">年龄：{{patientInfo.age }}</li>
-              <li style="width:50%;">身高：{{patientInfo.height}}</li>
-              <li style="width:50%;">体重：{{patientInfo.weight}}</li>
-              <li style="width:50%;">电话：{{patientInfo.phone}}</li>
-              <li style="width:100%;">地址：{{patientInfo.home_address}}</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%;">医生：{{ }}</li>
-              <li style="width:50%;">科室：{{ }}</li>
-              <li style="width:100%;">费用：{{ }}元</li>
-              <li style="width:100%;">判断结果：</li>
-              <li style="width:100%;">是否有传染病：</li>
-              <li style="width:100%;">血压：</li>
-            </ul>
-          </div>
         </div>
-      </div>
+        <additionalCharges ref='additionalCharges'></additionalCharges>
     </div>
-    <!--<additionalCharges ref='additionalCharges'></additionalCharges>-->
-  </div>
 </template>
 
 
 <script>
-  import BreadCrumb from '@/xt_pages/components/bread-crumb'
-  import noCharge from './components/noCharge'
-  import charged from './components/charged'
-  import medicalInsuranceRefund from './components/medicalInsuranceRefund'
-  import prescriptionTable from './components/prescriptionTable'
-  import additionalCharges from './components/additionalCharges'
-  import { getPatientInformation, getPatientList } from '@/api/project/project'
-  import { getPatientInfo, getSchedulePatientList, register,upload } from '@/api/his/his'
-
-  const moment = require('moment')
-  export default {
-    components: {
-      BreadCrumb,
-      noCharge,
-      charged,
-      medicalInsuranceRefund,
-      prescriptionTable,
-      additionalCharges
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import noCharge from './components/noCharge'
+import charged from './components/charged'
+import medicalInsuranceRefund from './components/medicalInsuranceRefund'
+import prescriptionTable from './components/prescriptionTable'
+import additionalCharges from './components/additionalCharges'
+import { getPatientList,getPatientInformation } from "@/api/project/project"
+const moment = require('moment')
+export default {
+    components:{
+        BreadCrumb,
+        noCharge,
+        charged,
+        medicalInsuranceRefund,
+        prescriptionTable,
+        additionalCharges
     },
-    data() {
-      return {
-        crumbs: [
-          { path: false, name: '门诊收费' },
-          { path: false, name: '门诊收费管理' }
-        ],
-        curPrescriptions: {},
-        prescriptions: [],
-        record_date: '',
-        tableData: [],
-        editableTabsValue: '1',
-        loadingone:false,
-        editableTabs: [{
-          title: '处方1',
-          name: '1'
-        }],
-        tabIndex: 1,
-        hisPatientInfo: {},
-        loadingtwo:false,
-        patientTableData: [{
-          name: '杨美英',
-          mdtrt_id: '1709946'
-        }],
-        patientInfo: { id: 0 },
-        doctor: {},
-        total: 0,
-        state: '未收费',
-        radio: 1,
-        radioStatus: 1,
-        search_input: '',
-        start_time: moment().locale('zh-cn').format('YYYY-MM-DD')
-      }
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '门诊收费' },
+                { path: false, name: '门诊收费管理' }
+            ],
+            tableData: [],
+            activeName:'first',
+            editableTabsValue: '1',
+            editableTabs: [{
+            title: '处方1',
+            name: '1',
+            }],
+            tabIndex: 1,
+
+            patientTableData:[{
+                name:'杨美英',
+                mdtrt_id:"1709946",
+            }],
+            patientInfo:{},
+            doctor:{},
+            total:0,
+            state:'未收费',
+            radio:1,
+            radioStatus:1,
+            search_input:"",
+            start_time:moment().locale('zh-cn').format('YYYY-MM-DD')
+        }
     },
-    created() {
-      var nowDate = new Date()
-      var nowYear = nowDate.getFullYear()
-      var nowMonth = nowDate.getMonth() + 1
-      var nowDay = nowDate.getDate()
-      this.record_date =
-        nowYear +
-        '-' +
-        (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
-        '-' +
-        (nowDay < 10 ? '0' + nowDay : nowDay)
-
-      //获取患者信息
-      this.getPatientList()
+    created(){
+       
+       //获取患者信息
+       this.getPatientList()
     },
-    methods: {
-      tabclickEvent(val) {
-        for (let i = 0; i < this.prescriptions.length; i++) {
-          if (this.prescriptions[i].name == val.name) {
-            this.curPrescriptions = {}
-            var temp = this.deepClone(this.prescriptions[i])
-            this.curPrescriptions = temp
-            console.log(this.curPrescriptions)
-          }
-        }
-      }, deepClone(source) {
-        if (!source && typeof source !== 'object') {
-          throw new Error('error arguments', 'shallowClone')
-        }
-        const targetObj = source.constructor === Array ? [] : {}
-        Object.keys(source).forEach((keys) => {
-          if (source[keys] && typeof source[keys] === 'object') {
-            targetObj[keys] = this.deepClone(source[keys])
-          } else {
-            targetObj[keys] = source[keys]
-          }
-        })
-        return targetObj
-      },
-      getTotal() {
-        var total = 0
-        console.log(this.prescriptions)
-        for (let i = 0; i < this.prescriptions.length; i++) {
-          if (this.prescriptions[i].advices != null) {
-            for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
-              total = total + this.prescriptions[i].advices[a].price * this.prescriptions[i].advices[a].prescribing_number
-            }
-          }
-          if (this.prescriptions[i].project != null) {
-            for (let b = 0; b < this.prescriptions[i].project.length; b++) {
-              total = total + this.prescriptions[i].project[b].price * this.prescriptions[i].project[b].count
-            }
-          }
-        }
-        return total
-      },
-      moreState(tab, event) {
-        if (tab == 'more') {
-          return false
-        }
-      },
-      open(index) {
-        if (index == 1) {
-        } else if (index == 2) {
-
-        } else if (index == 4) {
-
-          let params = {
-            'id': this.patientInfo.id,
-            'record_time': this.record_date
-          }
-          this.loadingtwo = true
-          upload(params).then(response => {
-            if (response.data.state == 0) {
-              this.$message.error(response.data.msg)
-              this.loadingtwo = false
-
-              return false
-
-            } else {
-              this.loadingtwo = false
-
-            }
-          })
-
-          this.state = '已收费'
-          this.$message({ message: '收费成功', type: 'success' })
-        } else if (index == 5) {
-          this.$message({ message: '退费成功', type: 'success' })
-        } else if (index == 6) {
-
-          if (this.patientInfo.id == 0) {
-            this.$message.error('请先选择要挂号的病人')
-            return
-          }
-          let params = {
-            'id': this.patientInfo.id,
-            'record_time': this.record_date
+    methods:{
+        moreState(tab, event){
+          if(tab == 'more'){
+            return false;
           }
-          this.loadingone = true
-          register(params).then(response => {
-            if (response.data.state == 0) {
-              this.$message.error(response.data.msg)
-              this.loadingone = false
-
-              return false
-
-            } else {
-              this.loadingone = false
-              var his_info = response.data.data.his_info
-              this.hisPatientInfo = his_info
+        },
+        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'});
+            }else if(index == 5){
+                this.$message({message: '退费成功',type: 'success'});
             }
-          })
-        }
-      },
-      addTab(targetName) {
-        let newTabName = ++this.tabIndex + ''
-        this.editableTabs.push({
-          title: '处方' + this.tabIndex,
-          name: newTabName
-        })
-        this.editableTabsValue = newTabName
-      },
-      removeTab(targetName) {
-        let tabs = this.editableTabs
-        let activeName = this.editableTabsValue
-        if (activeName === targetName) {
-          tabs.forEach((tab, index) => {
-            if (tab.name === targetName) {
-              let nextTab = tabs[index + 1] || tabs[index - 1]
-              if (nextTab) {
-                activeName = nextTab.name
-              }
+            
+        },
+        addTab(targetName) {
+            let newTabName = ++this.tabIndex + '';
+            this.editableTabs.push({
+                title: '处方' + this.tabIndex,
+                name: newTabName,
+            });
+            this.editableTabsValue = newTabName;
+        },
+        removeTab(targetName) {
+            let tabs = this.editableTabs;
+            let activeName = this.editableTabsValue;
+            if (activeName === targetName) {
+            tabs.forEach((tab, index) => {
+                if (tab.name === targetName) {
+                let nextTab = tabs[index + 1] || tabs[index - 1];
+                if (nextTab) {
+                    activeName = nextTab.name;
+                }
+                }
+            });
             }
-          })
+            
+            this.editableTabsValue = activeName;
+            this.editableTabs = tabs.filter(tab => tab.name !== targetName);
+        },
+        addCharges(){
+            this.$refs.additionalCharges.show()
+        },
+        choosePatient(){
+            let a = JSON.parse(localStorage.getItem("drugs"))
+            this.preTableData = a
+            this.preTableData.map(item => {
+                this.total += item.unitPrice
+            })
+            // this.patientInfo = {
+            //     certno:"440221195903290027",
+            //     psn_no:"0221201972",
+            //     gend:"2",
+            //     brdy:"1960-03-29",
+            //     naty:"01",
+            //     psn_cert_type:"01",
+            //     psn_name:"杨美英",
+            //     age:60.7
+            // }
+            // this.doctor = {
+            //     name:'刘志刚',
+            //     department:'血透中心',
+            //     total:20,
+            // }
+        },
+       changeRadio(id){ 
+         console.log(id)
+         this.radioStatus = id
+         this.getPatientList()
+       },
+
+        //患者列表
+        getPatientList(){
+           getPatientList().then(response=>{
+               if(response.data.state == 1){
+                 var hisPatient = response.data.data.hisPatient
+                 console.log("his",hisPatient)
+                 var scheduleList = response.data.data.scheduleList
+                 hisPatient.push(...scheduleList)
+                 console.log("arrr",hisPatient)
+                 var tabArr = this.unique(hisPatient)
+                 console.log("22222",tabArr)
+                 if(this.radioStatus == 1){
+                    this.tableData = tabArr
+                    this.$refs.tab.setCurrentRow(this.tableData[0])
+                 }
+                 if(this.radioStatus == 2){
+                    var prescription = response.data.data.prescription
+                    this.tableData = prescription
+                    this.$refs.tab.setCurrentRow(this.tableData[0])
+                 }
+                
+               }  
+           })
+        },
+
+        unique(arr) {
+            const res = new Map();
+            return arr.filter((arr) => !res.has(arr.id_card_no) && res.set(arr.id_card_no, 1))
+        },
+        handleCurrentChange(val){
+          console.log("val",val)
+          this.getPatientInformation(val.id)
+        },
+        
+        //获取患者的基本信息
+        getPatientInformation(id){
+            console.log(id)
+            getPatientInformation(id).then(response=>{
+               if(response.data.state == 1){
+                  var information = response.data.data.information
+                  console.log("information",information)
+                  this.patientInfo = information
+               }
+            })
         }
-
-        this.editableTabsValue = activeName
-        this.editableTabs = tabs.filter(tab => tab.name !== targetName)
-      },
-      addCharges() {
-        this.$refs.additionalCharges.show()
-      },
-      choosePatient() {
-
-      },
-      changeRadio(id) {
-        console.log(id)
-        this.radioStatus = id
-        this.getPatientList()
-      },
-
-      //患者列表
-      getPatientList() {
-        let params = {
-          'record_date': this.record_date
-        }
-        getSchedulePatientList(params).then(response => {
-          if (response.data.state == 0) {
-            this.$message.error(response.data.msg)
-            return false
-          } else {
-            this.patientTableData = []
-            // let cal_one = 0
-            // let cal_two = 0
-            for (let i = 0; i < response.data.data.list.length; i++) {
-              // if (response.data.data.list[i].prescription == null || response.data.data.list[i].prescription.length == 0) {
-              //   // cal_one = cal_one + 1
-              // }
-              if (response.data.data.list[i].prescription != null && response.data.data.list[i].prescription.length > 0) {
-                // cal_two = cal_two + 1
-                this.patientTableData.push(response.data.data.list[i])
-              }
-            }
-
-            // this.cal_one = cal_one
-            // this.cal_two = cal_two
-          }
-        })
-      },
-
-      unique(arr) {
-        const res = new Map()
-        return arr.filter((arr) => !res.has(arr.id_card_no) && res.set(arr.id_card_no, 1))
-      },
-      handleCurrentChange(val) {
-        this.getPatientInformation(val.patients.id)
-      }, //获取患者的基本信息
-      getPatientInformation(id) {
-        let params = {
-          'record_date': this.record_date,
-          'patient_id': id
-        }
-        getPatientInfo(params).then(response => {
-          if (response.data.state == 0) {
-            this.$message.error(response.data.msg)
-            return false
-          } else {
-            this.patientInfo = response.data.data.xt_info
-            this.hisPatientInfo = response.data.data.his_info
-            this.prescriptions = []
-            for (let i = 0; i < response.data.data.prescription.length; i++) {
-              var prescription = response.data.data.prescription[i]
-              let index = i + 1
-              let obj = {
-                name: '处方' + index,
-                advices: prescription.advices,
-                project: prescription.project,
-                type: response.data.data.prescription[i].type
-              }
-              this.prescriptions.push(obj)
-              this.curPrescriptions = this.prescriptions[0]
-
-            }
-            // this.$refs.prescriptions.setData(this.prescriptions)
-          }
-        })
-      }
     }
-  }
+}
 </script>
 
 <style lang="scss" scoped>
-  .app-container {
-    height: 100%;
-  }
-
-  .outpatientChargesManagement {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-
-  .mainLeft {
-    width: 200px;
+.app-container{
+    height:100%;
+}
+.outpatientChargesManagement{
     height: 100%;
     display: flex;
     flex-direction: column;
-
-  .el-radio {
-    margin-right: 5px;
-  }
-
-  }
-  .mainCell {
-    height: 36px;
-    display: flex;
-    align-items: center;
-  }
-
-  .mainRight {
-    margin-left: 20px;
-    flex: 1;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow-y: auto;
-
-  .cellSpan {
-    min-width: 80px;
-    display: inline-block;
-    margin-right: 10px;
-  }
-
-  }
-  .tabsBox {
-    position: relative;
-    height: 90%;
-    overflow-y: auto;
-    margin-bottom: 60px;
-
-  .el-tabs__item {
-    padding: 0 10px;
-  }
-
-  }
-  .addTab {
-    position: absolute;
-    right: 0;
-    top: 6px;
-    z-index: 20;
-  }
-
-  .mainCenter {
-    display: flex;
-    flex: 1;
-  }
-
-  .costBox {
-    width: 100%;
-    height: 60px;
-    background: #fff;
-    position: absolute;
-    bottom: 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  .centerLeft {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    position: relative;
-  }
-
-  .centerRight {
-    width: 300px;
-    margin-left: 5px;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .RP {
-    color: #409EFF;
-    font-size: 20px;
-    margin-bottom: 5px;
-  }
-
-  .centerRightTitle {
-    color: #409EFF;
-    padding-top: 10px;;
-  }
-
-  .basicUl {
-    border-top: 1px solid #e5e5e5;
-    border-left: 1px solid #e5e5e5;
-    display: flex;
-    flex-wrap: wrap;
-
-  li {
-    border-bottom: 1px solid #e5e5e5;
-    border-right: 1px solid #e5e5e5;
-    width: 100%;
-    height: 38px;
-    line-height: 38px;
-    text-indent: 5px;
-    font-size: 14px;
-  }
-
-  }
-  }
+    .mainLeft{
+        width:200px;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        .el-radio{
+            margin-right:5px;
+        }
+        
+    }
+    .mainCell{
+        height:36px;
+        display: flex;
+        align-items: center;
+    }
+    .mainRight{
+        margin-left:20px;
+        flex:1;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        overflow-y: auto;
+        .cellSpan{
+            min-width: 80px;
+            display: inline-block;
+            margin-right: 10px;
+        }
+    }
+    .tabsBox{
+        position: relative;
+        height: 90%;
+        overflow-y: auto;
+        margin-bottom: 60px;
+        .el-tabs__item{
+            padding: 0 10px;
+        }
+    }
+    .addTab{
+        position: absolute;
+        right: 0;
+        top: 6px;
+        z-index: 20;
+    }
+    .mainCenter{
+        display: flex;
+        flex:1;
+    }
+    .costBox{
+        width:100%;
+        height:60px;
+        background:#fff;
+        position: absolute;
+        bottom:0;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+    .centerLeft{
+        flex: 1;
+        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;
+        margin-left: 5px;
+        display: flex;
+        flex-direction: column;
+    }
+    .RP{
+        color:#409EFF;
+        font-size: 20px;
+        margin-bottom: 5px;
+    }
+    .centerRightTitle{
+        color:#409EFF;
+        padding-top: 10px;;
+    }
+    .basicUl{
+        border-top: 1px solid #e5e5e5;
+        border-left: 1px solid #e5e5e5;
+        display: flex;
+        flex-wrap: wrap;
+        li{
+            border-bottom: 1px solid #e5e5e5;
+            border-right: 1px solid #e5e5e5;
+            width: 100%;
+            height: 38px;
+            line-height: 38px;
+            text-indent: 5px;
+            font-size: 14px;
+        }
+    }
+}
 </style>
 
 <style lang="scss">
-  #tab-more {
-
-  .el-icon-close {
-    display: none;
-  }
-
-  }
+#tab-more{
+    .el-icon-close{
+        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>