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

src/api/his/his.js

@@ -21,7 +21,7 @@ export function getPatientInfo(params) {
 
 
 export function createCaseHistory(params) {
-  console.log("params",params)
+  console.log("params",params);
   return request({
     url: "/api/doctorworkstation/casehistory/create",
     method: "get",
@@ -376,6 +376,42 @@ export function getCheckAccountFormData (params) {
 
 
 
+export function getHospitalPatientList (params) {
+  return request({
+    url: '/api/hishospitalpatient/list',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+
+
+
+export function GetHisHospitalChargePatientList (params) {
+  return request({
+    url: '/api/hospitalcharge/list',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+export function GetHisHospitalChargePatientInfo (params) {
+  return request({
+    url: '/api/hospotalcharge/info',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+
+
+
 
 
 

src/lang/zh.js

@@ -208,6 +208,8 @@ export default {
     incomeStatistics:'收入统计',
     outpatientRegistration:'门诊挂号',
     outpatientRegistrationIndex:'门诊挂号',
+    hospitalIndex:'住院登记',
+    hospitalChargesManagement:"住院收费管理",
     outpatientRegistrationRegistrationHistory:'挂号历史',
     outpatientDoctorStation:"门诊医生站",
     outpatientDoctorStationDoctorDesk:'医生工作台',
@@ -239,7 +241,10 @@ export default {
     histemplate:'处方模版',
     outpatientSickRecord:"人员定点病种备案",
     airDisinfect:'空气消毒',
-    objectTableDisinfect:'物表消毒'
+    objectTableDisinfect:'物表消毒',
+
+
+    hospitalStation:"住院工作站"
 
   },
   navbar: {

src/router/index.js

@@ -27,6 +27,9 @@ import outpatientRegistration from './modules/outpatientRegistration'
 import outpatientDoctorStation from './modules/outpatientDoctorStation'
 import outpatientCharges from './modules/outpatientCharges'
 import outpatientPharmacy from './modules/outpatientPharmacy'
+import hospitalStation from './modules/hospitalStation'
+
+
 import outpatientRecord from './modules/outpatientRecord'
 import kuyiShopping from './modules/kuyiShopping'
 import createPatient from './modules/createPatient'
@@ -46,7 +49,7 @@ import templateManagement from './modules/templateManagement'
 import DepartManage from './modules/DepartManage'
 import basicConfig from './modules/basicConfig'
 
-Vue.use(Router)
+Vue.use(Router);
 
 /** note: submenu only apppear when children.length>=1
  *   detail see  https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
@@ -131,7 +134,7 @@ service
   // device,
   // role,
   // org
-]
+];
 
 var _asy_router_map = [
   patient,
@@ -166,6 +169,7 @@ var _asy_router_map = [
   dataDruguse,
   dataShowconfig,
   dataPrint,
+  hospitalStation,
   outpatientRegistration,
   outpatientDoctorStation,
   outpatientCharges,
@@ -174,18 +178,18 @@ var _asy_router_map = [
   // kuyiShopping,
   integration,
   basicConfig
-]
+];
 
-var is_asy_router = process.env.NODE_ENV === 'production' // true; 设置为 true 强制进行路由验证
+var is_asy_router = process.env.NODE_ENV === 'production'; // true; 设置为 true 强制进行路由验证
 if (!is_asy_router) {
-  _constant_router_map = _constant_router_map.concat(_asy_router_map)
+  _constant_router_map = _constant_router_map.concat(_asy_router_map);
   _asy_router_map = []
 } else {
 
 }
 
-export const xt_constantRouterMap = _constant_router_map
-export const xt_asyncRouterMap = _asy_router_map
+export const xt_constantRouterMap = _constant_router_map;
+export const xt_asyncRouterMap = _asy_router_map;
 
 export default new Router({
   // mode: 'history', // require service support

src/router/modules/hospitalStation.js

@@ -0,0 +1,82 @@
+import Layout from '@/views/layout/Layout'
+
+export default {
+  path: '/hospitalStation',
+  component: Layout,
+  redirect: 'noredirect',
+  name: 'hospitalStation',
+  alwaysShow: true,
+  meta: {
+    title: 'hospitalStation',
+    icon: 'outpatientDoctorStation',
+    isChild: true
+  },
+  children: [
+    {
+      path: '/hospitalStation/index',
+      component: () => import('@/xt_pages/hospitalStation/index'),
+      name: 'hospitalIndex',
+      meta: { title: 'hospitalIndex', noCache: true }
+    },
+    {
+      path: '/hospitalStation/doctorDesk',
+      component: () => import('@/xt_pages/hospitalStation/doctorDesk'),
+      name: 'outpatientDoctorStationDoctorDesk',
+      meta: { title: 'outpatientDoctorStationDoctorDesk', noCache: true }
+    },
+    {
+      path: '/hospitalStation/outpatientChargesManagement',
+      component: () => import('@/xt_pages/hospitalStation/outpatientChargesManagement'),
+      name: 'hospitalChargesManagement',
+      meta: { title: 'hospitalChargesManagement', noCache: true }
+    },
+
+    // {
+    //   path: '/hospitalStation/templateManagement',
+    //   component: () => import('@/xt_pages/hospitalStation/templateManagement'),
+    //   name: 'outpatientDoctorStationTemplateManagement',
+    //   meta: { title: 'outpatientDoctorStationTemplateManagement', noCache: true }
+    // },
+    {
+      path: '/hospitalStation/print',
+      component: () => import('@/xt_pages/hospitalStation/print'),
+      hidden: true,
+      is_menu: false,
+      name: 'outpatientDoctorStationPrint',
+      meta: { title: 'outpatientDoctorStationPrint', noCache: true }
+    },
+    {
+      path: '/hospitalStation/printtwo',
+      component: () => import('@/xt_pages/hospitalStation/printtwo'),
+      hidden: true,
+      is_menu: false,
+      name: 'outpatientDoctorStationPrint',
+      meta: { title: 'outpatientDoctorStationPrint', noCache: true }
+    },
+    {
+      path: '/hospitalStation/recordPrint',
+      component: () => import('@/xt_pages/hospitalStation/recordPrint'),
+      hidden: true,
+      is_menu: false,
+      name: 'outpatientDoctorStationRecordPrint',
+      meta: { title: 'outpatientDoctorStationRecordPrint', noCache: true }
+    },
+    {
+      path: '/hospitalStation/treatPrint',
+      component: () => import('@/xt_pages/hospitalStation/treatPrint'),
+      hidden: true,
+      is_menu: false,
+      name: 'outpatientDoctorStationTreatPrint',
+      meta: { title: 'outpatientDoctorStationTreatPrint', noCache: true }
+    },
+
+    {
+      path: '/hospitalStation/printone',
+      component: () => import('@/xt_pages/hospitalStation/template/printOne'),
+      hidden: true,
+      is_menu: false,
+      name: 'outpatientDoctorStationPrint',
+      meta: { title: 'outpatientDoctorStationPrint', noCache: true }
+    },
+  ]
+}

src/views/layout/Layout.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-wrapper" :class="classObj">
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"></div>
-    
+
     <div class="mainBox">
       <div class="navLeft">
         <div v-if="menzhenShow" :class="index == 0 ? 'navOne navActive' : 'navOne'" @click="clickActive(0,'门诊管理')">
@@ -24,7 +24,7 @@
           <i class="iconfont icon-shangcheng-1 navIcon"></i>
           <p>酷医商城</p>
         </div>
-        
+
         <div class="navOne" @click="open">
           <i class="iconfont icon-manage_fill navIcon"></i>
           <p>更多</p>
@@ -33,7 +33,7 @@
       <sidebar :navTitle="navTitle" v-show="navShow" class="sidebar-container" @func="show"></sidebar>
       <div class="main-container new-main-container" style="flex:1;margin-top:50px;">
         <navbar></navbar>
-        
+
         <!-- <tags-view></tags-view> -->
         <app-main></app-main>
       </div>
@@ -122,19 +122,19 @@ export default {
     }
   },
   created(){
-    console.log('permission_routers',this.permission_routers)
-    let menzhen = ['outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy','outpatientRecord']
-    let bingli = ['User','createPatient']
-    let touxi = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control']
-    let kucun = ['stockManage','stockDrugs','selfPreparedMedicine','otherManagement']
-    let peizhi = ['system','roleManage','DepartManage', 'bedManagement', 'dictionaryManagement', 'templateManagement','showconfig','printTemplate','integration_config','basicConfig']
-    let kuyishopping = ['kuyiShopping']
-    let menzhenArr = []
-    let bingliArr = []
-    let touxiArr = []
-    let kucunArr = []
-    let peizhiArr = []
-    let kuyishoppingArr = []
+    console.log('permission_routers',this.permission_routers);
+    let menzhen = ['outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy','outpatientRecord','hospitalStation'];
+    let bingli = ['User','createPatient'];
+    let touxi = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control'];
+    let kucun = ['stockManage','stockDrugs','selfPreparedMedicine','otherManagement'];
+    let peizhi = ['system','roleManage','DepartManage', 'bedManagement', 'dictionaryManagement', 'templateManagement','showconfig','printTemplate','integration_config','basicConfig'];
+    let kuyishopping = ['kuyiShopping'];
+    let menzhenArr = [];
+    let bingliArr = [];
+    let touxiArr = [];
+    let kucunArr = [];
+    let peizhiArr = [];
+    let kuyishoppingArr = [];
     this.permission_routers.map(item => {
       if(menzhen.indexOf(item.name) > -1){
         menzhenArr.push(item)
@@ -149,7 +149,7 @@ export default {
       }else if(kuyishopping.indexOf(item.name) > -1){
         kuyishoppingArr.push(item)
       }
-    })
+    });
     // console.log('menzhenArr.length',menzhenArr.length)
     // console.log('bingliArr.length',bingliArr.length)
     // console.log('touxiArr.length',touxiArr.length)
@@ -198,8 +198,8 @@ export default {
       }else if(index == 6){
         this.CDMWebsit()
       }
-      this.index = index
-      this.navTitle = title
+      this.index = index;
+      this.navTitle = title;
       this.sign = false
     },
     open(){

src/views/layout/components/Sidebar/index.vue

@@ -48,19 +48,19 @@ export default {
   },
   created(){
     if(this.navTitle == '透析管理'){
-      let nameArr = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control']
+      let nameArr = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control'];
       // console.log('permission_routers',this.permission_routers)
-      let routerArr = []
+      let routerArr = [];
       this.permission_routers.map(item => {
         if(nameArr.indexOf(item.name) > -1){
           routerArr.push(item)
         }
-      })
+      });
       this.arr = routerArr
     }else if(this.navTitle == '电子病历'){
       this.arr = []
     }
-    
+
     // let a = this.permission_routers
     // this.arr = a.slice(0,10)
     // console.log('this.arr',this.arr)
@@ -69,98 +69,98 @@ export default {
     navTitle:{
       handler(newVal,oldVal){
         if(newVal == '门诊管理'){
-          let nameArr = ['outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy','outpatientRecord']
+          let nameArr = ['outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy','outpatientRecord','hospitalStation'];
           // console.log('permission_routers',this.permission_routers)
-          let routerArr = []
+          let routerArr = [];
           this.permission_routers.map(item => {
             if(nameArr.indexOf(item.name) > -1){
               routerArr.push(item)
             }
-          })
-          this.arr = routerArr
+          });
+          this.arr = routerArr;
           if(this.arr.length > 0){
-            let a = true
+            let a = true;
             this.$emit('func',a)
           }else{
-            let a = false
+            let a = false;
             this.$emit('func',a)
           }
         }else if(newVal == '电子病历'){
-          let nameArr = ['User','createPatient']
+          let nameArr = ['User','createPatient'];
           // console.log('permission_routers',this.permission_routers)
-          let routerArr = []
+          let routerArr = [];
           this.permission_routers.map(item => {
             if(nameArr.indexOf(item.name) > -1){
               routerArr.push(item)
             }
-          })
-          this.arr = routerArr
+          });
+          this.arr = routerArr;
           if(this.arr.length > 0){
-            let a = true
+            let a = true;
             this.$emit('func',a)
           }else{
-            let a = false
+            let a = false;
             this.$emit('func',a)
           }
         }else if(newVal == '透析管理'){
-          let nameArr = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control']
+          let nameArr = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control'];
           // console.log('permission_routers',this.permission_routers)
-          let routerArr = []
+          let routerArr = [];
           this.permission_routers.map(item => {
             if(nameArr.indexOf(item.name) > -1){
               routerArr.push(item)
             }
-          })
-          console.log('routerArr',routerArr)
-          this.arr = routerArr
+          });
+          console.log('routerArr',routerArr);
+          this.arr = routerArr;
           if(this.arr.length > 0){
-            let a = true
+            let a = true;
             this.$emit('func',a)
           }else{
-            let a = false
+            let a = false;
             this.$emit('func',a)
           }
         }else if(newVal == '库房管理'){
-          let nameArr = ['stockManage','stockDrugs','selfPreparedMedicine','otherManagement']
+          let nameArr = ['stockManage','stockDrugs','selfPreparedMedicine','otherManagement'];
           // console.log('permission_routers',this.permission_routers)
-          let routerArr = []
+          let routerArr = [];
           this.permission_routers.map(item => {
             if(nameArr.indexOf(item.name) > -1){
               routerArr.push(item)
             }
-          })
-          this.arr = routerArr
+          });
+          this.arr = routerArr;
           if(this.arr.length > 0){
-            let a = true
+            let a = true;
             this.$emit('func',a)
           }else{
-            let a = false
+            let a = false;
             this.$emit('func',a)
           }
         }else if(newVal == '配置管理'){
-          let nameArr = ['system','roleManage','DepartManage', 'bedManagement', 'dictionaryManagement', 'templateManagement','showconfig','printTemplate','integration_config','basicConfig']
+          let nameArr = ['system','roleManage','DepartManage', 'bedManagement', 'dictionaryManagement', 'templateManagement','showconfig','printTemplate','integration_config','basicConfig'];
           // console.log('permission_routers',this.permission_routers)
-          let routerArr = []
+          let routerArr = [];
           this.permission_routers.map(item => {
             if(nameArr.indexOf(item.name) > -1){
               routerArr.push(item)
             }
-          })
-          this.arr = routerArr
+          });
+          this.arr = routerArr;
           if(this.arr.length > 0){
-            let a = true
+            let a = true;
             this.$emit('func',a)
           }else{
-            let a = false
+            let a = false;
             this.$emit('func',a)
           }
         }else {
-          this.arr = []
+          this.arr = [];
           if(this.arr.length > 0){
-            let a = true
+            let a = true;
             this.$emit('func',a)
           }else{
-            let a = false
+            let a = false;
             this.$emit('func',a)
           }
         }
@@ -196,7 +196,7 @@ export default {
     -o-object-position: center;
     object-position: center;
     }
-  } 
+  }
   .title {
     font-size: 14px;
     color: #bfcbd9;

src/xt_pages/hospitalStation/11.vue

@@ -0,0 +1,515 @@
+<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>
+        <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'}"
+                    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>
+
+            </div>
+            <div class="costBox">
+              <span>当前处方总费用：<span style="color:red;">{{ getTotal() }}元</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;">日期:{{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>
+    </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
+    },
+    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')
+      }
+    },
+    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()
+    },
+    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
+          };
+          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
+            }
+          })
+        }
+      },
+      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() {
+
+      },
+      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;
+    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;
+  }
+
+  }
+  }
+</style>
+
+<style lang="scss">
+  #tab-more {
+
+  .el-icon-close {
+    display: none;
+  }
+
+  }
+</style>
+

src/xt_pages/hospitalStation/advancePayment.vue

@@ -0,0 +1,82 @@
+<template>
+    <div class="main-contain outpatientChargesManagement">
+        <div class="position">
+            <bread-crumb :crumbs='crumbs'></bread-crumb>
+        </div>
+        <div class="app-container">
+            <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
+                <div>
+                    <el-input size="small" style="width:150px;" @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>
+                <el-button size="small" type="primary">预交金查询</el-button>
+            </div>
+            <el-table :data="tableData" border height="500" style="width: 100%;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+                <el-table-column type="selection" width="55" align="center"></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="患者姓名">
+                    <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="患者类型">
+                    <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="预交金余额(元)">
+                    <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="操作" width="300">
+                    <template slot-scope="scope">
+                        <el-button size="mini" type="primary">交款</el-button>
+                        <el-button size="mini" type="danger">删除</el-button>
+                        <el-button size="mini" type="primary">结算</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+export default {
+    components:{
+        BreadCrumb,
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '门诊收费' },
+                { path: false, name: '预交金' }
+            ],
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+            }]
+        }
+    }
+}
+</script>

src/xt_pages/hospitalStation/allListPrint.vue

@@ -0,0 +1,481 @@
+<template>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        :loading="loading"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+      >打印
+      </el-button
+      >
+    </template>
+
+    <div class='dialysisPage' style="padding-top:40px;">
+      <printOne :list="list" :patient="patient" :order="order" :admin="admin"></printOne>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getHisOrderDetailCollect } from '@/api/his/his'
+  import { uParseTime } from '@/utils/tools'
+  import printOne from './allListTemplate/printOne'
+
+  export default {
+    name: 'allListPrint',
+    components: {
+      printOne
+    },
+    props: {
+      paramsObj: Object
+    },
+    data() {
+      return {
+        list: [],
+        patient: {},
+        order: {},
+        admin: {}
+      }
+    },
+
+    created() {
+      this.getInfo(this.paramsObj.id)
+
+    },
+    methods: {
+      getTimes(time) {
+        return uParseTime(time, '{y}-{m}-{d} {h}:{i}')
+      }, getInfo(order_id) {
+        let params = {
+          id: order_id
+        };
+        getHisOrderDetailCollect(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.order = response.data.data.order;
+            this.patient = response.data.data.patient;
+            this.admin = response.data.data.admin_info;
+            var order_info = response.data.data.order_info;
+
+            //获取所有项目类型进行去重
+            let med_chrgitm_types = [];
+            for (let i = 0; i < order_info.length; i++) {
+              med_chrgitm_types.push(order_info[i].med_chrgitm_type)
+            }
+            const obj = {};
+            med_chrgitm_types = med_chrgitm_types.reduce((cur, next) => {
+              obj[next] ? '' : obj[next] = true && cur.push(next);
+              return cur
+            }, []); // 设置cur默认类型为数组，并且初始值为空的数组
+
+            let tempOrderInfo = [];
+
+            for (let i = 0; i < med_chrgitm_types.length; i++) {
+              let obj = {
+                total: 0,
+                details: []
+              };
+              let tempDetails = [];
+              for (let b = 0; b < order_info.length; b++) {
+                if (med_chrgitm_types[i] == order_info[b].med_chrgitm_type) {
+                  tempDetails.push(order_info[b])
+                }
+              }
+
+              obj.details = this.setNewData(tempDetails);
+              obj.total = this.getTotal(obj.details);
+
+              obj.details.push({
+                total: obj.total,
+                is_total: 1,
+              });
+              this.list =  this.list.concat(obj.details)
+            }
+
+
+
+
+          }
+        })
+      }, getTotal:function(items){
+        let total = 0;
+        for(let i = 0; i < items.length; i++){
+          total = Number(total) + Number((parseFloat(items[i].count) * parseFloat(items[i].price)).toFixed(2))
+        }
+        return total.toFixed(2)
+      },setNewData(details) {
+        let drug_ids = [];
+        let project_ids = [];
+
+        for (let i = 0; i < details.length; i++) {
+          if (details[i].advice && details[i].advice.id > 0 && details[i].advice.prescription && details[i].advice.prescription.type == 1) { //药品
+            let obj = {
+              id: details[i].advice.drug_id,
+              price: details[i].advice.price
+            };
+            drug_ids.push(obj)
+          } else if (details[i].project && details[i].project.id > 0 && details[i].project.prescription && details[i].project.prescription.type == 2) { //项目
+            let obj = {
+              id: details[i].project.project_id,
+              price: details[i].project.price
+
+            };
+            project_ids.push(obj)
+
+          }
+
+        }
+        //
+        // console.log('old ids')
+        // console.log(drug_ids)
+        // console.log(project_ids)
+        // console.log('old ids')
+
+        let new_drug_ids = this.unique(drug_ids);
+        let new_project_ids = this.unique(project_ids);
+        let list = [];
+
+        console.log('ids');
+        console.log(new_drug_ids);
+        console.log(new_project_ids);
+        console.log('ids');
+
+        if (new_drug_ids.length > 0 && new_project_ids.length == 0) {
+          for (let i = 0; i < new_drug_ids.length; i++) {
+            let obj = {};
+            let count = 0;
+            for (let a = 0; a < details.length; a++) {
+              if (new_drug_ids[i].id == details[a].advice.drug_id && new_drug_ids[i].price == details[a].advice.price) {
+                obj['name'] = details[a].advice.advice_name;
+                obj['spec'] = details[a].advice.drug.drug_spec;
+                obj['unit'] = details[a].advice.drug.max_unit;
+
+                obj['med_chrgitm_type'] = this.getType(details[a].med_chrgitm_type);
+                obj['price'] = parseFloat(details[a].pric);
+                obj['is_total'] = 2;
+                count = count + details[a].cnt
+              }
+            }
+            obj['count'] = count;
+            list.push(obj)
+          }
+        }
+
+        if (new_drug_ids.length == 0 && new_project_ids.length > 0) {
+          for (let i = 0; i < new_project_ids.length; i++) {
+            let obj = {};
+            let count = 0;
+            for (let a = 0; a < details.length; a++) {
+              if (new_project_ids[i].id == details[a].project.project_id && new_project_ids[i].price == details[a].project.price) {
+                obj['name'] = details[a].project.project.project_name;
+                obj['spec'] = '1';
+                obj['unit'] = details[a].project.project.unit;
+                obj['med_chrgitm_type'] = this.getType(details[a].med_chrgitm_type);
+                obj['price'] = parseFloat(details[a].pric);
+                obj['is_total'] = 2;
+
+                count = count + details[a].cnt
+              }
+            }
+            obj['count'] = count;
+            list.push(obj)
+          }
+        }
+
+        return list
+
+      }, unique(array) {
+        // res用来存储结果
+        var res = [];
+        for (var i = 0, arrayLen = array.length; i < arrayLen; i++) {
+          for (var j = 0, resLen = res.length; j < resLen; j++) {
+            if (array[i].id === res[j].id && array[i].price === res[j].price) {
+              break
+            }
+          }
+          // 如果array[i]是唯一的，那么执行完循环，j等于resLen
+          if (j === resLen) {
+            res.push(array[i])
+          }
+        }
+        return res
+      },
+
+      getType(med_chrgitm_type) {
+        switch (med_chrgitm_type) {
+          case '01':
+            return '床位费';
+            break;
+          case '02':
+            return '诊察费';
+
+            break;
+          case '03':
+            return '检查费';
+
+            break;
+          case '04':
+            return '化验费';
+            break;
+          case '05':
+            return '治疗费';
+
+            break;
+          case '06':
+            return '手术费';
+
+            break;
+          case '07':
+            return '护理费';
+
+            break;
+          case '08':
+            return '材料费';
+
+            break;
+          case '09':
+            return '西药费';
+
+            break;
+          case '10':
+            return '中药饮片费';
+
+            break;
+          case '11':
+            return '中成药费';
+
+            break;
+          case '12':
+            return '一般诊疗费';
+
+            break;
+          case '13':
+            return '挂号费';
+
+            break;
+          case '14':
+            return '其他费';
+
+            break
+
+        }
+
+      },
+      printThisPage() {
+
+        const style =
+          '@media print {.allListTitle{font-size: 24px;text-align: center;font-weight: bold;margin-bottom: 10px;}.allListInfo{display: flex;font-size: 16px;justify-content: space-between;margin: 10px 0;} .allListTable{width: 100%;text-align: center;border-collapse: collapse;line-height: 40px;font-size: 14px;border-color: #000;text-align:left;}.allListTable tr td {padding: 0 5px;}.tableBottom{font-size: 16px;display: flex;margin-top: 20px;}.tableBottomOne{margin-right: 40px;}}';
+        printJS({
+          printable: 'allList-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
+        //   });
+        // }
+      }
+    }
+
+  }
+</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/hospitalStation/allListTemplate/printOne.vue

@@ -0,0 +1,174 @@
+<template>
+    <div id="allList-print" class="allList-print">
+        <div v-for='(i,index) in pageArr.length' :key="index">
+            <div class="allListTitle">{{$store.getters.xt_user.org.org_name}}费用汇总</div>
+            <div class="allListInfo">
+            <div>患者姓名：{{patient.name}}</div>
+            <div>透析号：{{patient.dialysis_no}}</div>
+            <div>性别：{{patient.gender == 1 ? '男': '女'}}</div>
+            <div>年龄：{{patient.age}}  岁</div>
+            <div>日期：{{getTimes(order.settle_start_time)}} 至 {{getTimes(order.settle_end_time)}}</div>
+
+            </div>
+            <table class="allListTable" border="1">
+                <tr>
+                    <td style="width:10%">类别</td>
+                    <td style="width:50%">项目名称</td>
+                    <td style="width:10%">规格</td>
+                    <td style="width:10%">单价(元)</td>
+                    <td style="width:10%">数量</td>
+                    <td style="width:10%">金额(元)</td>
+                </tr>
+                <template v-for='item in list.slice(index * 13,(index * 13) + pageArr[index])'>
+                    <tr v-if="item.is_total == 2">
+                        <td style="width:10%">{{item.med_chrgitm_type}}</td>
+                        <td style="width:50%">{{item.name}}</td>
+                        <td style="width:10%">{{item.spec}}</td>
+                        <td style="width:10%">{{(item.price).toFixed(2)}}</td>
+                        <td style="width:10%">{{item.count}}{{item.unit}}</td>
+                        <td style="width:10%">{{(item.price * item.count).toFixed(2)}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="6" style="text-align:right;" v-if="item.is_total == 1">合计：{{item.total}}元</td>
+                    </tr>
+                </template>
+            </table>
+            <div class="tableBottom">
+            <div class="tableBottomOne">制表人：{{admin.user_name}}</div>
+            <div class="tableBottomOne">制表日期：{{ getNowTime()}}</div>
+            <div class="tableBottomOne">总费用：{{order.medfee_sumamt}}元</div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+  import { uParseTime } from '@/utils/tools'
+
+  export default {
+    props: {
+      list: {
+        type: Array,
+        default: function () {
+          return [];
+        }
+      }, patient: {
+        type: Object,
+        default: function () {
+          return {};
+        }
+      }, order: {
+        type: Object,
+        default: function () {
+          return {};
+        }
+      }, admin: {
+        type: Object,
+        default: function () {
+          return {};
+        }
+      },
+    },
+    data(){
+        return{
+            page:1,
+            pageArr:[],
+        }
+    },
+    methods:{
+      getNowTime: function () {
+        let dateTime;
+        let yy = new Date().getFullYear();
+        let mm = new Date().getMonth() + 1;
+        let dd = new Date().getDate();
+        let hh = new Date().getHours();
+        let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
+          :
+          new Date().getMinutes();
+        let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
+          :
+          new Date().getSeconds();
+        dateTime = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss;
+        return dateTime
+      },
+      getTimes(time) {
+        return uParseTime(time, '{y}-{m}-{d}')
+      },getTotal:function(items){
+        let total = 0;
+        for(let i = 0; i < items.length; i++){
+          total = total + (items[i].count * items[i].price).toFixed(2)
+        }
+        return total
+
+      },
+      getPage(){
+        if(this.list.length <= 13){
+            this.page = 1;
+            this.pageArr.push(this.list.length)
+        }else if(this.list.length > 13){
+            this.page = parseInt(this.list.length / 13);
+            let num = this.list.length % 13;
+            for (var i=0;i<this.page;i++){
+                this.pageArr.push(13)
+            }
+            if(num != 0){
+                this.pageArr.push(num)
+            }
+        }
+      }
+
+    },
+    watch:{
+        list: {
+            handler(newVal) {
+                this.getPage()
+            },
+            deep: true
+        }
+    }
+  }
+
+
+</script>
+
+<style lang="scss" scoped>
+.allList-print{
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding:20px 10px;
+}
+.allListTitle{
+    font-size: 24px;
+    text-align: center;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+.allListInfo{
+    display: flex;
+    font-size: 16px;
+    justify-content: space-between;
+    margin: 10px 0;
+}
+.allListTable{
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+    line-height: 40px;
+    font-size: 14px;
+    border-color: #000;
+    text-align: left;
+}
+.allListTable tr td {
+    padding: 0 5px;
+}
+.tableBottom{
+    font-size: 16px;
+    display: flex;
+    margin-top: 20px;
+}
+.tableBottomOne{
+    margin-right: 40px;
+}
+</style>

src/xt_pages/hospitalStation/components/ChargePrescriptionTable.vue

@@ -0,0 +1,208 @@
+<template>
+  <div class="prescriptionTable">
+    <el-table v-if="prescription.type == 1" :data="prescription.advices" border style="width: 99%;"
+              :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+      <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="name" label="名称">
+        <template slot-scope="scope"><span :title='scope.row.drug_name'>{{ scope.row.drug_name }}</span></template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="90" label="单次用量">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.single_dose" readonly style="width:65%;"></el-input>-->
+          <div>{{scope.row.single_dose}}&nbsp;&nbsp;{{scope.row.single_dose_unit}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="100" label="用法">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.delivery_way" readonly></el-input>-->
+          <div> {{scope.row.delivery_way}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="100" label="频率">
+        <template slot-scope="scope">
+          <div> {{scope.row.execution_frequency}}</div>
+
+          <!--<el-input v-model="scope.row.execution_frequency" readonly></el-input>-->
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="day" width="50" label="天数">
+        <template slot-scope="scope">{{scope.row.day}}天</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="100" label="总量">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.prescribing_number" style="width:60%" readonly placeholder=""></el-input>-->
+          <div>{{scope.row.prescribing_number}}&nbsp;&nbsp;{{scope.row.prescribing_number_unit}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="60" label="单价">
+        <template slot-scope="scope">
+          <div> {{scope.row.retail_price}}元</div>
+
+          <!--<el-input v-model="scope.row.retail_price" placeholder="" readonly></el-input>-->
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="备注">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.remark" :title="scope.row.remark" placeholder="" readonly></el-input>-->
+          <div> {{scope.row.remark}}</div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-table v-if="prescription.type == 2" :data="prescription.project" border style="width: 99%;"
+              :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+      <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="project_name" label="名称">
+        <template slot-scope="scope">{{ scope.row.project_name }}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="statistical_classification" width="100" label="组">
+        <template slot-scope="scope">{{getGroup(scope.row.statistical_classification)}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
+        <template slot-scope="scope">{{scope.row.single_dose}}{{scope.row.unit}}</template>
+
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="80" label="用法">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.delivery_way" placeholder="" readonly></el-input>-->
+          {{scope.row.delivery_way}}
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="80" label="频率">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.execution_frequency" placeholder="" readonly></el-input>-->
+          {{scope.row.execution_frequency}}
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="number_days" width="50" label="天数">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.number_days" placeholder="" readonly></el-input>-->
+          {{scope.row.number_days}}天
+
+        </template>
+
+      </el-table-column>
+      <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" placeholder="" readonly></el-input>-->
+            {{scope.row.total}}
+
+            <div>{{scope.row.unit}}</div>
+
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="单价">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
+          {{scope.row.price}}元
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="备注">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.remark" readonly></el-input>-->
+          {{scope.row.remark}}
+
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="additionalBox">
+      <div class="additionalOne" v-for="(item,index) in prescription.addition" :key="index">
+        <span :title="item.item_name">{{item.item_name}}</span>
+        <el-input v-model="item.price" placeholder="" style="width:50px;" readonly></el-input>
+        共
+        <el-input v-model="item.count" placeholder="" style="width:50px;" readonly></el-input>
+        次
+        <!--<i class="el-icon-delete deleteIcon" @click="delAddition(index,item)"></i>-->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getInitData } from '@/api/his/his'
+  import { getDictionaryDataConfig} from "@/utils/data";
+
+  export default {
+    props: {
+      prescription: Object
+    },
+    data() {
+      return {
+        drugways: [],
+        efs: []
+      }
+    }, mounted() {
+      getInitData().then(response => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          return false
+        } else {
+          this.drugways = response.data.data.drugways;
+          this.efs = response.data.data.efs
+        }
+      })
+    }, methods:  {
+
+
+      getGroup(id){
+        var name = "";
+        var statistics_category =  getDictionaryDataConfig('system','statistics_category');
+        console.log("2235",statistics_category);
+        for(let i=0;i<statistics_category.length;i++){
+          if(id == statistics_category[i].id){
+            name = statistics_category[i].name
+          }
+        }
+        return name
+      },
+
+
+    }
+  }
+</script>
+
+<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:80px;
+    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/hospitalStation/components/additionalCharges.vue

@@ -0,0 +1,69 @@
+<template>
+    <el-dialog
+        title="附加收费"
+        width="300px"
+        :visible.sync="visible"
+        :before-close="_close"
+    >
+        <el-table :data="addtions_charge" border style="width: 100%;" height="300"
+         :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="名称" width="100">
+                <template slot-scope="scope">{{ scope.row.item_name }}</template>
+            </el-table-column>
+            <el-table-column align="center" prop="name" label="金额(元)">
+                <template slot-scope="scope">
+            {{ scope.row.price }}
+                </template>
+            </el-table-column>
+        </el-table>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+import { saveCharges } from "@/api/project/project"
+export default {
+  props: {
+    addtions_charge: Array
+
+  },
+    data(){
+        return{
+            visible:false,
+            form:{
+                name:''
+            },
+            tableData:[
+
+            ],
+            patient_id:0,
+            chargeTable:[]
+        }
+    },
+    methods:{
+        _close: function(done) {
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show() {
+           this.visible = true
+        },
+        hide() {
+           this.visible = false
+        },
+
+
+    },
+
+}
+</script>
+

src/xt_pages/hospitalStation/components/advice.vue

@@ -0,0 +1,135 @@
+<template>
+    <el-dialog
+        title="新增医嘱"
+        width="1000px"
+        :visible.sync="visible"
+        :before-close="_close"
+    >
+        <div>
+            <el-form :model="form" :rules="rules" class="adviceForm" ref="form" label-width="100px" style="display: flex;flex-wrap: wrap;justify-content: space-between;">
+                <el-form-item class="width50" label="开嘱医生 : " prop="name">
+                    张三
+                </el-form-item>
+                <el-form-item class="width50" label="开嘱时间 : " prop="name">
+                    张三
+                </el-form-item>
+                <el-form-item label="医嘱内容: " prop="name" style="width:100%;">
+                    <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
+                </el-form-item>
+                <el-form-item class="width50" label="药品规格 : " prop="name">
+                    <el-input v-model="form.name" placeholder="" style="width:180px;"></el-input>
+                    <el-select v-model="value" style="width:180px;margin-left:9px;" 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 class="width50" label="总量 : " prop="name">
+                    <el-input v-model="form.name" placeholder="" style="width:180px;"></el-input>
+                    <el-select v-model="value" style="width:180px;margin-left:9px;" 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 class="width50" label="每次量 : " prop="name">
+                    <el-input v-model="form.name" placeholder="" style="width:180px;"></el-input>
+                    <el-select v-model="value" style="width:180px;margin-left:9px;" 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 class="width50" label="用法 : " prop="name">
+                    <el-select v-model="value" style="width:100%;" 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 class="width50" label="执行频率 : " prop="name">
+                    <el-select v-model="value" style="width:100%;" 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 class="width50" label="天数 : " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="限制说明 : " prop="name" style="width:100%;">
+                    <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary" :loading="submitLoading" @click="submitAction()">保 存</el-button>
+        </div>
+    </el-dialog>         
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            visible:false,
+            form:{
+                name:''
+            },
+        }
+    },
+    methods:{
+        _close: function(done) {
+            // this.clear()
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show() {
+            // this.clear()
+            this.visible = true
+        },
+        hide() {
+            // this.clear()
+            this.visible = false
+        },
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.adviceForm{
+    .width33{
+        width:33%;
+    }
+    .width50{
+        width:50%;
+    }
+    .width100{
+        width:100%;
+    }
+    .el-radio{
+        margin-right:2px;
+    }
+}
+</style>
+

src/xt_pages/hospitalStation/components/callPrescription.vue

@@ -0,0 +1,355 @@
+<template>
+  <el-dialog
+    :title="name"
+    :visible.sync="isLastOrNextVisible"
+    @close="hide"
+    width="1010px"
+    class="callPrescription"
+    :modal-append-to-body="false"
+  >
+    <el-date-picker
+      v-model="start_time"
+      prefix-icon="el-icon-date"
+      @change="changeTime"
+      :editable="false"
+      style="width: 150px;"
+      type="date"
+      placeholder="选择日期时间"
+      align="right"
+      format="yyyy-MM-dd"
+      value-format="yyyy-MM-dd"
+    ></el-date-picker>
+    <span class>-</span>
+    <el-date-picker
+      v-model="end_time"
+      prefix-icon="el-icon-date"
+      @change="changeEndTime"
+      :editable="false"
+      style="width: 150px;"
+      type="date"
+      placeholder="选择日期时间"
+      align="right"
+      format="yyyy-MM-dd"
+      value-format="yyyy-MM-dd"
+    ></el-date-picker>
+
+
+    <div v-for="(item,index) in allPrescription" :key="index">
+      <div class="quote" v-if="item.prescriptions.length > 0">引用 {{getTime(item.record_date, '{y}年{m}月{d}日')}} 的处方</div>
+      <el-checkbox-group v-model="item.check_group">
+        <div v-for="(subItem,index2) in item.prescriptions" :key="index2">
+          <el-checkbox style="margin:10px 0;" :label="subItem.id">{{'处方' + (index2+ 1)}}</el-checkbox>
+          <el-table v-if="subItem.type  == 1" :data="subItem.doctor_advice" border style="width: 99%;"
+                    :row-style="{ color: '#303133' }"
+                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+            <el-table-column align="center" type="index" width="60" label="序号"></el-table-column>
+            <el-table-column align="center" prop="drug_name"  width="160" label="名称">
+              <template slot-scope="scope">
+                <span>{{ scope.row.advice_name }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
+              <template slot-scope="scope">
+                <div>{{scope.row.single_dose}}{{scope.row.single_dose_unit}}</div>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="delivery_way" width="100" label="用法">
+              <template slot-scope="scope">
+                {{scope.row.delivery_way}}
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="execution_frequency" width="100" label="频率">
+              <template slot-scope="scope">
+                {{scope.row.execution_frequency}}
+              </template>
+            </el-table-column>
+
+            <el-table-column align="center" prop="day" width="60" label="天数">
+              <template slot-scope="scope">
+                {{scope.row.day}}
+              </template>
+            </el-table-column>
+
+            <el-table-column align="center" prop="prescribing_number" width="100" label="总量">
+              <template slot-scope="scope">
+                <div>{{scope.row.prescribing_number}} {{scope.row.prescribing_number_unit}}</div>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="retail_price" width="80" label="单价">
+              <template slot-scope="scope">
+                <div>{{scope.row.price}}元</div>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="remark" label="备注">
+              <template slot-scope="scope">
+                <div>{{scope.row.remark}}</div>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-table v-if="subItem.type == 2" :data="subItem.project" border style="width: 99%;"
+                    :row-style="{ color: '#303133' }"
+                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+            <el-table-column align="center" type="index" width="60" label="序号"></el-table-column>
+            <el-table-column align="center" prop="project_name" width="160" label="名称">
+              <template slot-scope="scope">
+                <span>{{ scope.row.project.project_name }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="statistical_classification" width="100" label="组">
+              <template slot-scope="scope">{{getGroup(scope.row.statistical_classification)}}</template>
+            </el-table-column>
+            <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.single_dose" placeholder=""></el-input>-->
+                <span>{{ scope.row.single_dose }}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="delivery_way" width="100" label="用法">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.delivery_way" placeholder=""></el-input>-->
+                <span>{{ scope.row.delivery_way }}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="execution_frequency" width="100" label="频率">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.execution_frequency" placeholder=""></el-input>-->
+                <span>{{ scope.row.execution_frequency }}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="number_days" width="70" label="天数">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.number_days" placeholder=""></el-input>-->
+                <span>{{ scope.row.number_days }}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="total" width="70" label="总量">
+              <template slot-scope="scope">
+                <div>{{ scope.row.count }}{{scope.row.unit}}</div>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="name" width="60" label="单价">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
+                <span>{{ scope.row.price }}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="name" label="备注">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.remark" :title="scope.row.remark"></el-input>-->
+                <span>{{ scope.row.remark }}</span>
+
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </el-checkbox-group>
+
+    </div>
+
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="isLastOrNextVisible = false">取 消</el-button>
+      <el-button type="primary" @click="save">保存</el-button>
+    </div>
+  </el-dialog>
+
+
+</template>
+
+<script>
+  import { uParseTime } from '@/utils/tools'
+  import { getDictionaryDataConfig} from "@/utils/data";
+
+  import {
+    getCallHisPrescription
+  } from '@/api/his/his'
+  export default {
+    name: "callPrescription",
+    data() {
+      return {
+        start_time:"",
+        end_time:"",
+        srcPrescriptions:[],
+        name:"",
+        request_record_date:'',
+        patient_id:0,
+        allPrescription: [],
+        isLastOrNextVisible: false,
+
+      }
+    }, methods: {
+      changeTime(){
+        let params={
+          patient_id:this.patient_id,
+          start_time: this.start_time,
+          end_time:this.end_time
+        };
+        this.GetCallHisPrescription(params)
+      },changeEndTime(){
+        let params={
+          patient_id:this.patient_id,
+          start_time: this.start_time,
+          end_time:this.end_time
+        };
+        this.GetCallHisPrescription(params)
+      },
+      GetCallHisPrescription(params){
+        getCallHisPrescription(params).then(response => {
+          if (response.data.state == 1) {
+            this.allPrescription = response.data.data.prescriptions;
+            for (let i = 0; i < this.allPrescription.length; i++){
+              this.allPrescription[i].check_group = []
+            }
+            this.request_record_date = uParseTime(response.data.data.prescriptions[0].record_date, '{y}-{m}-{d}')
+          } else {
+            this.$message.error(response.data.msg)
+
+          }
+        })
+      },
+      save() {
+        let replace_one = [];
+        let replace_two = [];
+
+        let checkGroup = [];
+        let allPrescriptions = [];
+        let targetPrescriptions = [];
+        let prescriptions = [];
+        for (let i = 0; i < this.allPrescription.length; i++) {
+          for (let a = 0; a < this.allPrescription[i].check_group.length; a++) {
+            checkGroup.push(this.allPrescription[i].check_group[a])
+          }
+          for (let a = 0; a < this.allPrescription[i].prescriptions.length; a++) {
+            allPrescriptions.push(this.allPrescription[i].prescriptions[a])
+          }
+        }
+        for (let i = 0; i < allPrescriptions.length; i++){
+          for (let a = 0; a < checkGroup.length; a++){
+            if(allPrescriptions[i].id == checkGroup[a]){
+              targetPrescriptions.push(allPrescriptions[i])
+            }
+          }
+        }
+
+        if (targetPrescriptions.length > 0) {
+          for (let i = 0; i < targetPrescriptions.length; i++) {
+            var prescription = targetPrescriptions[i];
+            let tempAdvice = [];
+            let tempProject = [];
+            let tempAddition = [];
+            for (let b = 0; b < prescription.doctor_advice.length; b++) {
+              let obj = {
+                advice_id: 0,
+                drug_name: prescription.doctor_advice[b].advice_name,
+                single_dose: prescription.doctor_advice[b].single_dose,
+                delivery_way: prescription.doctor_advice[b].delivery_way,
+                execution_frequency: prescription.doctor_advice[b].execution_frequency,
+                retail_price: prescription.doctor_advice[b].price.toString(),
+                remark: prescription.doctor_advice[b].remark,
+                day:prescription.doctor_advice[b].day,
+                prescribing_number:prescription.doctor_advice[b].prescribing_number.toString(),
+                single_dose_unit:prescription.doctor_advice[b].single_dose_unit,
+                prescribing_number_unit:prescription.doctor_advice[b].prescribing_number_unit,
+                medical_insurance_number:prescription.doctor_advice[b].med_list_codg,
+                id:prescription.doctor_advice[b].drug_id
+              };
+              tempAdvice.push(obj)
+
+            }
+
+
+            for (let b = 0; b < prescription.project.length; b++) {
+              let obj = {
+                id: 0,
+                project_id: prescription.project[b].project_id,
+                project_name: prescription.project[b].project.project_name,
+                statistical_classification: prescription.project[b].project.statistical_classification,
+                single_dose: prescription.project[b].single_dose,
+                delivery_way: prescription.project[b].delivery_way,
+                execution_frequency: prescription.project[b].execution_frequency,
+                number_days: prescription.project[b].day,
+                total:prescription.project[b].count,
+                price:prescription.project[b].price,
+                remark:prescription.project[b].remark,
+                medical_code:prescription.project[b].project.medical_code,
+              };
+              tempProject.push(obj)
+            }
+            let obj = {
+              id: 0,
+              advices: tempAdvice,
+              project: tempProject,
+              addition:tempAddition,
+              type:prescription.type,
+              order_status:0,
+            };
+            prescriptions.push(obj)
+          }
+        }
+
+        if(this.srcPrescriptions.length == 1){
+          if(this.srcPrescriptions[0].advices.length == 0 && this.srcPrescriptions[0].project.length == 0){
+            this.srcPrescriptions = [];
+            this.srcPrescriptions = prescriptions;
+            this.$emit('call', this.srcPrescriptions)
+          }else{
+
+            this.srcPrescriptions =  this.srcPrescriptions.concat(prescriptions);
+            this.$emit('call', this.srcPrescriptions)
+          }
+        }else{
+          this.srcPrescriptions =  this.srcPrescriptions.concat(prescriptions);
+          this.$emit('call', this.srcPrescriptions)
+        }
+      },show(name,id,end_time, start_time,srcPrescriptions,prescriptions){
+        this.srcPrescriptions = srcPrescriptions;
+        this.start_time  = start_time;
+        this.end_time = end_time;
+        this.patient_id = id;
+        this.name = '处方调用' + '（'+name +'）';
+        this.allPrescription = prescriptions;
+        for (let i = 0; i < this.allPrescription.length; i++){
+          this.allPrescription[i].check_group = []
+        }
+        this.isLastOrNextVisible = true
+      },close(){
+        this.isLastOrNextVisible = false
+      },hide(){
+        this.$emit('callCancel')
+
+      },getTime(time, template){
+        return uParseTime(time,template)
+
+      }, getGroup(id){
+        var name = "";
+        var statistics_category =  getDictionaryDataConfig('system','statistics_category');
+        for(let i=0;i<statistics_category.length;i++){
+          if(id == statistics_category[i].id){
+            name = statistics_category[i].name
+          }
+        }
+        return name
+      },   getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+      },
+    }
+  }
+</script>
+
+<style lang="scss">
+.callPrescription{
+  .el-dialog__body{
+    padding:0px 20px 30px;
+  }
+  .quote{
+    margin-top: 10px;
+    font-size: 14px;
+  }
+}
+</style>

src/xt_pages/hospitalStation/components/chargeDialog.vue

@@ -0,0 +1,257 @@
+<template>
+  <el-dialog width="854px" title="收费单" class="chargeDialog" :visible.sync="visibility" :close-on-click-modal="isClose"
+             :close-on-press-escape="isClose">
+
+    <el-form :model="form"  ref="formValue" label-width="100px">
+
+      <el-form-item label="日期：" style="width:100%;">
+        <div>{{record_date}}</div>
+      </el-form-item>
+
+      <el-form-item label="总计：" prop="name" :validate-event="is_Name" style="width:33%;">
+        <el-input type="number" v-model="form.total" :disabled="true"></el-input>
+      </el-form-item>
+      <el-form-item label="医保：" prop="name" :validate-event="is_Name" style="width:33%;">
+        <el-input type="number" v-model="form.medical_insurance_price" :disabled="true"></el-input>
+      </el-form-item>
+
+
+      <el-form-item label="自费：" prop="age" :validate-event="is_Name" style="width:33%;">
+        <el-input type="number" v-model="form.private_price" :disabled="true"></el-input>
+      </el-form-item>
+
+
+      <el-form-item label="支付方式：" style="width:100%;">
+        <!-- <el-select v-model="form.pay_way" placeholder="请选择">
+          <el-option
+            v-for="(item,index) in payWays"
+            :key="index"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select> -->
+        <el-radio-group v-model="form.pay_way">
+          <el-radio :label="index" v-for="(item,index) in payWays" :key="index">{{ item.label }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+
+      <el-form-item label="付款金额：" prop="id_card" :validate-event="is_Name">
+        <el-input type="number" v-model="form.pay_price" :disabled="true"></el-input>
+      </el-form-item>
+
+
+      <el-form-item label="付款卡号：" prop="id_card" :validate-event="is_Name">
+        <el-input v-model="form.pay_card_no"></el-input>
+      </el-form-item>
+
+      <el-form-item class="specialFormItem" label="折扣金额：">
+        <div style="display:flex;">
+          <el-input v-model="form.discount_price" :disabled="form.preferential_price != 0" @change="changeDiscountPrice"></el-input>
+        </div>
+      </el-form-item>
+      <el-form-item class="specialFormItem" label="优惠金额：">
+        <div style="display:flex;">
+          <el-input v-model="form.preferential_price" :disabled="form.discount_price != 0" @change="changePreferentialPrice"></el-input>
+        </div>
+      </el-form-item>
+      <el-form-item label="实收金额：">
+        <div style="display:flex;">
+          <el-input v-model="form.reality_price" @change="realityPrice"></el-input>
+        </div>
+      </el-form-item>
+      <el-form-item label="找回金额：">
+        <div style="display:flex;">
+          <el-input v-model.number="form.found_price"></el-input>
+        </div>
+      </el-form-item>
+
+      <el-form-item label="发票编码：">
+        <div style="display:flex;">
+          <el-input v-model.number="form.fapiao_code"></el-input>
+        </div>
+      </el-form-item>
+
+
+      <el-form-item label="发票号码：">
+        <div style="display:flex;">
+          <el-input v-model.number="form.fapiao_number"></el-input>
+        </div>
+      </el-form-item>
+
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+    <el-button v-loading="loadingtwo" @click="cancel('formValue')">取 消</el-button>
+    <el-button v-loading="loadingtwo" type="primary" @click="confirm('formValue')">确 定</el-button>
+  </span>
+  </el-dialog>
+
+</template>
+
+<script>
+  import { uParseTime } from '@/utils/tools'
+
+  export default {
+    name: 'chargeDialog',
+
+    data() {
+
+      return {
+        record_date:'',
+        form: {
+          medical_insurance_price:0,
+          private_price:'',
+          pay_way:'',
+          pay_price:'',
+          pay_card_no:'',
+          discount_price:'',
+          preferential_price:'',
+          reality_price:'',
+          found_price:'',
+          total:0,
+          fapiao_code:"",
+          fapiao_number:""
+
+
+        },
+        payWays: [
+          {value: 1, label: '现金'},
+          {value: 2, label: '银行卡'},
+          {value: 3, label: '微信'},
+          {value: 4, label: '支付宝'},
+        ],
+        total:"",
+
+        visibility: false,
+        labelPosition: 'right',
+        isClose: false,
+
+        resetForm: {
+          medical_insurance_price:'',
+          private_price:'',
+          pay_way:'',
+          pay_price:'',
+          pay_card_no:'',
+          discount_price:'',
+          preferential_price:'',
+          reality_price:'',
+          found_price:'',
+          fapiao_code:"",
+          fapiao_number:""
+        },
+
+      }
+    },
+    props: {
+
+      titles: {
+        type: String,
+        default: ''
+      },
+      formValue: {
+        type: Object
+      },
+      type: {
+        type: Number,
+        default: 1
+
+      },
+      isCreated: {
+        type: Number,
+        default: 1
+
+      }
+    },
+    methods: {
+      show: function (total) {
+        this.total = total;
+        this.form.private_price = total;
+        this.form.pay_price = total;
+        this.form.total = total + this.form.medical_insurance_price;
+        this.form.discount_price = 0.0;
+        this.form.preferential_price = 0.0;
+
+        this.form.fapiao_code ="";
+        this.form.fapiao_number = "";
+
+
+
+        this.visibility = true
+
+      }, hide: function () {
+        this.form = Object.assign({}, this.resetForm);
+        this.loadingtwo = false;
+        this.visibility = false
+      }, cancel: function (formName) {
+        this.$emit('cancel', this.getValue());
+        this.$refs['formValue'].resetFields()
+      },
+      confirm: function (formName) {
+        this.$refs['formValue'].validate((valid) => {
+          if (valid) {
+            let value = {};
+            value = this.getValue();
+            this.$emit('confirm', value);
+            this.loadingtwo = true
+          }
+        })
+      },
+      getValue: function () {
+        let form = {};
+        form = this.form;
+        return form
+      },
+      realityPrice(val){
+        if(val < (this.form.total - this.form.discount_price - this.form.preferential_price)){
+          this.$message.error('实收金额不能小于收费金额');
+          return
+        }
+        this.form.found_price = parseInt(val) - parseInt(this.form.total) + parseInt(this.form.discount_price) + parseInt(this.form.preferential_price)
+      },
+      changeDiscountPrice(val){
+        if(val > this.form.total){
+          this.$message.error('折扣金额不能超过费用总额');
+          return
+        }
+        this.form.reality_price = parseInt(this.form.total) - parseInt(val) - parseInt(this.form.preferential_price)
+      },
+      changePreferentialPrice(val){
+        if(val > this.form.total){
+          this.$message.error('优惠金额不能超过费用总额');
+          return
+        }
+        this.form.reality_price = parseInt(this.form.total) - parseInt(val) - parseInt(this.form.discount_price)
+      }
+    },mounted() {
+      var nowDate = new Date();
+      var nowYear = nowDate.getFullYear();
+      var nowMonth = nowDate.getMonth() + 1;
+      var nowDay = nowDate.getDate();
+
+      var nowHours = nowDate.getHours();
+      var nowMin = nowDate.getMinutes();
+      var nowSecond = nowDate.getSeconds();
+
+      this.record_date =
+        nowYear +
+        '-' +
+        (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
+        '-' +
+        (nowDay < 10 ? '0' + nowDay : nowDay)+" "+(nowHours < 10 ? '0' + nowHours : nowHours)+":"+(nowMin < 10 ? '0' + nowMin : nowMin)
+    }
+
+  }
+</script>
+
+<style lang="scss" scoped>
+.chargeDialog{
+  .el-form{
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .el-form-item{
+    width:50%;
+  }
+}
+</style>

src/xt_pages/hospitalStation/components/chargeMonthPrescriptionTable.vue

@@ -0,0 +1,208 @@
+<template>
+  <div class="prescriptionTable">
+    <el-table v-if="prescription.type == 1" :data="prescription.advices" border style="width: 99%;"
+              :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+      <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="name" label="名称">
+        <template slot-scope="scope"><span :title='scope.row.drug_name'>{{ scope.row.drug_name }}</span></template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="90" label="单次用量">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.single_dose" readonly style="width:65%;"></el-input>-->
+          <div>{{scope.row.single_dose}}&nbsp;&nbsp;{{scope.row.single_dose_unit}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="100" label="用法">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.delivery_way" readonly></el-input>-->
+          <div> {{scope.row.delivery_way}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="100" label="频率">
+        <template slot-scope="scope">
+          <div> {{scope.row.execution_frequency}}</div>
+
+          <!--<el-input v-model="scope.row.execution_frequency" readonly></el-input>-->
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="day" width="50" label="天数">
+        <template slot-scope="scope">{{scope.row.day}}天</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="100" label="总量">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.prescribing_number" style="width:60%" readonly placeholder=""></el-input>-->
+          <div>{{scope.row.prescribing_number}}&nbsp;&nbsp;{{scope.row.prescribing_number_unit}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="60" label="单价">
+        <template slot-scope="scope">
+          <div> {{scope.row.retail_price}}元</div>
+
+          <!--<el-input v-model="scope.row.retail_price" placeholder="" readonly></el-input>-->
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="备注">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.remark" :title="scope.row.remark" placeholder="" readonly></el-input>-->
+          <div> {{scope.row.remark}}</div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-table v-if="prescription.type == 2" :data="prescription.project" border style="width: 99%;"
+              :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+      <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="project_name" label="名称">
+        <template slot-scope="scope">{{ scope.row.project_name }}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="statistical_classification" width="100" label="组">
+        <template slot-scope="scope">{{getGroup(scope.row.statistical_classification)}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
+        <template slot-scope="scope">{{scope.row.single_dose}}{{scope.row.unit}}</template>
+
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="80" label="用法">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.delivery_way" placeholder="" readonly></el-input>-->
+          {{scope.row.delivery_way}}
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="80" label="频率">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.execution_frequency" placeholder="" readonly></el-input>-->
+          {{scope.row.execution_frequency}}
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="number_days" width="50" label="天数">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.number_days" placeholder="" readonly></el-input>-->
+          {{scope.row.number_days}}天
+
+        </template>
+
+      </el-table-column>
+      <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" placeholder="" readonly></el-input>-->
+            {{scope.row.total}}
+
+            <div>{{scope.row.unit}}</div>
+
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="单价">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
+          {{scope.row.price}}元
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="备注">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.remark" readonly></el-input>-->
+          {{scope.row.remark}}
+
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="additionalBox">
+      <div class="additionalOne" v-for="(item,index) in prescription.addition" :key="index">
+        <span :title="item.item_name">{{item.item_name}}</span>
+        <el-input v-model="item.price" placeholder="" style="width:50px;" readonly></el-input>
+        共
+        <el-input v-model="item.count" placeholder="" style="width:50px;" readonly></el-input>
+        次
+        <!--<i class="el-icon-delete deleteIcon" @click="delAddition(index,item)"></i>-->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getInitData } from '@/api/his/his'
+  import { getDictionaryDataConfig} from "@/utils/data";
+
+  export default {
+    props: {
+      prescription: Object
+    },
+    data() {
+      return {
+        drugways: [],
+        efs: []
+      }
+    }, mounted() {
+      getInitData().then(response => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          return false
+        } else {
+          this.drugways = response.data.data.drugways;
+          this.efs = response.data.data.efs
+        }
+      })
+    }, methods:  {
+
+
+      getGroup(id){
+        var name = "";
+        var statistics_category =  getDictionaryDataConfig('system','statistics_category');
+        console.log("2235",statistics_category);
+        for(let i=0;i<statistics_category.length;i++){
+          if(id == statistics_category[i].id){
+            name = statistics_category[i].name
+          }
+        }
+        return name
+      },
+
+
+    }
+  }
+</script>
+
+<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:80px;
+    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/hospitalStation/components/charged.vue

@@ -0,0 +1,166 @@
+<template>
+    <div style="display:flex;">
+        <div class="noChargeLeft">
+            <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>
+            <el-table :data="tableData" border height="500" style="width: 100%;" :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="处方号" width="100">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="姓名" width="99">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div style="flex:1;overflow-x: hidden;">
+            <div class="noChargeRight">
+                <div class="chargeInfo">
+                    <p>姓名：<span></span></p>
+                    <p>性别：<span></span></p>
+                    <p>年龄：<span></span></p>
+                    <p>证件号：<span></span></p>
+                    <p>挂号类型：<span></span></p>
+                    <p>上一个发票号：<span></span></p>
+                    <p>下一个发票号：<span></span></p>
+                </div>
+                <div class="chargeBox">
+                    <p>医疗费用总额：<span></span></p>
+                    <p>基金支付金额：<span></span></p>
+                    <p>个人账户支付金额：<span></span></p>
+                    <p>个人支付金额：<span></span></p>
+                    <p>个人账号金额：<span></span></p>
+                </div>
+                <p class='chargeTitle'>药品信息</p>
+                <el-table :data="tableData" border height="200" style="width: 100%;" :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.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="单价（元）">
+                        <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="总价">
+                        <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>
+                <p class='chargeTitle'>项目信息</p>
+                <el-table :data="tableData" border height="200" style="width: 100%;" :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.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="单价（元）">
+                        <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="总价">
+                        <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>
+                <div class='chargeBtn'>
+                    <p>总金额：0元</p>
+                    <div>
+                        <el-button>收费清单打印</el-button>
+                        <el-button type="primary">处方查询</el-button>
+                        <el-button type="danger">退费</el-button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+            }]
+        }
+    }
+}
+</script>
+
+
+<style lang="scss" scoped>
+.noChargeLeft{
+    width:200px;
+    .mainCell{
+        display: flex;
+    }
+}
+.noChargeRight{
+    margin-left:20px;
+    // flex: 1;
+    .chargeInfo{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        height: 32px;
+        margin-bottom: 10px;
+        >p{
+            display: flex;
+        }
+        >p>span{
+            display: inline-block;
+            min-width: 50px;
+        }
+    }
+    .chargeBox{
+        height:42px;
+        border: 1px solid #EBEEF5;
+        display: flex;
+        justify-content: space-between;
+        background-color: rgb(245, 247, 250);
+        color: rgb(96, 98, 102);
+        align-items: center;
+        padding: 0 20px;
+        >p>span{
+            display: inline-block;
+            min-width: 50px;
+        }
+    }
+    .chargeTitle{
+        line-height: 32px;
+        height: 32px;
+    }
+    .chargeBtn{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 20px;
+    }
+}
+</style>

src/xt_pages/hospitalStation/components/dayPrescriptionTable.vue

@@ -0,0 +1,425 @@
+<template>
+  <div class="prescriptionTable">
+    <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" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="drug_name" label="名称">
+        <template slot-scope="scope"><span :title="scope.row.drug_name">{{ scope.row.drug_name }}</span></template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
+        <template slot-scope="scope">
+          <div style="display:flex;align-items:center;">
+            <el-input v-model="scope.row.single_dose" style="width:65%;"></el-input>
+            <div>{{scope.row.single_dose_unit}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="100" label="用法">
+        <template slot-scope="scope">
+          <el-select v-model="scope.row.delivery_way" placeholder="请选择">
+            <el-option
+              v-for="(item,index) in drugways"
+              :key="index"
+              :label="item.name"
+              :value="item.name">
+            </el-option>
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="100" label="频率">
+        <template slot-scope="scope">
+          <el-select v-model="scope.row.execution_frequency" placehold er="请选择">
+            <el-option
+              v-for="item,index in efs"
+              :key="index"
+              :label="item.name"
+              :value="item.name">
+            </el-option>
+          </el-select>
+        </template>
+      </el-table-column>
+
+
+      <el-table-column align="center" prop="day" width="50" label="天数">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.day" placeholder=""></el-input>
+          <div>{{'天'}}</div>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="prescribing_number" width="80" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;align-items:center;">
+            <el-input v-model="scope.row.prescribing_number" style="width:60%" placeholder=""></el-input>
+            <div> {{scope.row.prescribing_number_unit}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="retail_price" width="60" label="单价">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.retail_price" placeholder="" readonly></el-input>
+          <div>{{'元'}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="remark" width="50" label="备注">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.remark" :title="scope.row.remark" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" width="40" prop="name" label="操作">
+        <template slot-scope="scope">
+          <i class="el-icon-delete" @click="deleteDrug(scope.$index, scope.row)"></i>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <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="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="project_name" label="名称">
+        <template slot-scope="scope"><span :title="scope.row.project_name">{{ scope.row.project_name }}</span></template>
+      </el-table-column>
+      <el-table-column align="center" prop="statistical_classification" width="100" label="组">
+        <template slot-scope="scope">{{getGroup(scope.row.statistical_classification)}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.single_dose" placeholder=""></el-input>
+          <div>{{scope.row.unit}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="80" label="用法">
+        <template slot-scope="scope">
+          <el-autocomplete
+            style="width:100%;"
+            class="inline-input"
+            v-model="scope.row.delivery_way"
+            :fetch-suggestions="querySearch2"
+            placeholder="请输入内容"
+          ></el-autocomplete>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="80" 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="50" label="天数">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.number_days" placeholder=""></el-input>
+          <div>{{'天'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="total" width="70" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;align-items:center;">
+            <el-input v-model="scope.row.total" style="width:60%" placeholder=""></el-input>
+            <div>{{scope.row.unit}}</div>
+
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="单价">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.price" placeholder="" readonly></el-input>
+          <div>{{'元'}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="备注">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.remark" :title="scope.row.remark"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" width="40" prop="name" label="操作">
+        <template slot-scope="scope">
+          <i class="el-icon-delete" @click="deleteProject(scope.row,scope.$index)"></i>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="additionalBox">
+      <div class="additionalOne" v-for="(item,index) in prescription.addition" :key="index">
+        <span :title="item.item_name">{{item.item_name}}</span>
+        <el-input v-model="item.price" placeholder="" style="width:50px;"></el-input>
+        共
+        <el-input v-model="item.count" placeholder="" style="width:50px;"></el-input>
+        次
+        <i class="el-icon-delete deleteIcon" @click="delAddition(index,item)"></i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getDictionaryDataConfig} from "@/utils/data";
+  import { getInitData,delHisAdvice,delHisProject,delHisAddition } from '@/api/his/his'
+
+  export default {
+    props: {
+      preDrugs: Array,
+      activeType: Number,
+      addtions_charge:Array,
+      prescription:{
+        type:Object,
+        default: function () {
+          return {
+            name:"",
+            advices:[],
+            project:[],
+            drugways:[],
+            efs:[],
+          };
+        }
+      },
+    },
+    data() {
+      return {
+        advices:[],
+        tableData: [],
+        newoptions: [{
+          value: '1',
+          label: '1'
+        }, {
+          value: '2',
+          label: '2'
+        }, {
+          value: '3',
+          label: '3'
+        }, {
+          value: '4',
+          label: '4'
+        }, {
+          value: '5',
+          label: '5'
+        }],
+        value: '1',
+        input: 1,
+      }
+    },
+    methods:{
+      createFilter(queryString) {
+        return (restaurant) => {
+          return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
+        }
+      },
+      querySearch2(queryString, cb) {
+        var restaurants = this.getDictionaryDataConfig("system","project_use");
+        restaurants.map(item => {
+          item.value = item.name
+        });
+        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+        // 调用 callback 返回建议列表的数据
+        cb(results)
+      },
+      delAddition(index, addition){
+        if(this.prescription.order_status == 2){
+          this.$message.error('该处方已经结算，无法删除');
+          return
+        }
+        this.$confirm("附加费删除后不可恢复，是否确认删除", "删除", {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning"
+        }).then(() => {
+          this.$nextTick(function(){
+            if(addition.id == 0){
+              this.prescription.addition.splice(index, 1)
+            }else{
+              let params = {
+                'id': addition.id,
+              };
+              delHisAddition(params).then(response => {
+                if (response.data.state == 0) {
+                  this.$message.error(response.data.msg);
+                  return false
+                } else {
+                  var temp2 = this.deepClone(this.prescription.addition);
+                  temp2.splice(index, 1);
+                  this.prescription.addition = temp2;
+                  this.$message.success(response.data.data.msg)
+                }
+              })
+            }
+          });
+
+        })
+          .catch(() => {});
+
+      },
+      getInitData(){
+        getInitData().then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.drugways = response.data.data.drugways;
+            this.efs = response.data.data.efs
+          }
+        })
+
+      },deleteDrug:function(index, row){
+        if(this.prescription.order_status == 2){
+          this.$message.error('该处方已经结算，无法删除');
+          return
+        }
+        this.$confirm("药品删除后不可恢复，是否确认删除", "删除", {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning"
+        }).then(() => {
+          this.$nextTick(function(){
+            if(row.advice_id == 0){
+              this.prescription.advices.splice(index, 1)
+            }else{
+              let params = {
+                'id': row.advice_id,
+              };
+              delHisAdvice(params).then(response => {
+                if (response.data.state == 0) {
+                  this.$message.error(response.data.msg);
+                  return false
+                } else {
+                  var temp2 = this.deepClone(this.prescription.advices);
+                  temp2.splice(index, 1);
+                  this.prescription.advices = temp2;
+                  this.$message.success(response.data.data.msg)
+                }
+              })
+
+
+            }
+
+          });
+
+
+        })
+          .catch(() => {});
+
+
+
+
+
+      },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
+      },
+
+      setNewData:function(data){
+        this.prescription = data
+
+        // this.prescription.advices = data.advices
+      },
+      getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+      },
+      getGroup(id){
+        var name = "";
+        var statistics_category =  getDictionaryDataConfig('system','statistics_category');
+        console.log("2235",statistics_category);
+        for(let i=0;i<statistics_category.length;i++){
+          if(id == statistics_category[i].id){
+            name = statistics_category[i].name
+          }
+        }
+        return name
+      },
+      deleteProject(row,i){
+        if(this.prescription.order_status == 2){
+          this.$message.error('该处方已经结算，无法删除');
+          return
+        }
+        this.$confirm("项目删除后不可恢复，是否确认删除", "删除", {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning"
+        }).then(() => {
+          if(row.id == 0){
+            this.prescription.project.splice(i, 1)
+
+          }else{
+            let params = {
+              'id': row.id,
+            };
+            delHisProject(params).then(response => {
+              if (response.data.state == 0) {
+                this.$message.error(response.data.msg);
+                return false
+              } else {
+                for (let i = 0; i < this.prescription.project.length; i++){
+                  if(this.prescription.project[i].id == row.id){
+                    this.prescription.project.splice(i, 1)
+                  }
+                }
+                this.$message.success(response.data.data.msg)
+              }
+            })
+          }
+        })
+          .catch(() => {});
+
+      },
+    },mounted(){
+      this.getInitData()
+    },
+  }
+</script>
+
+<style lang="scss">
+  .prescriptionTable {
+
+  .el-input__inner {
+    padding: 0 5px;
+  }
+
+  .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: 80px;
+    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/hospitalStation/components/deskRecord.vue

@@ -0,0 +1,657 @@
+<template>
+  <div class="deskRecord" style="margin-top:56px;">
+    <!-- <div style="overflow:hidden;border-top:1px solid #e5e5e5;margin-top:5px;">
+      <div class="mainCell" style="margin-bottom:10px;float:right">
+        <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>
+      </div>
+    </div> -->
+    <div class="mainTitle">基本信息：</div>
+    <el-form class="basicForm" :model="patientInfo" ref="form" label-width="120px">
+      <el-form-item label="姓名:" prop="name">
+        <el-input v-model="patientInfo.name" placeholder="" :disabled="true"></el-input>
+      </el-form-item>
+      <el-form-item label="性别: " prop="name">
+        <el-input v-model="patientInfo.gender" placeholder="" :disabled="true"></el-input>
+      </el-form-item>
+      <el-form-item label="年龄: " prop="name">
+        <el-input v-model="patientInfo.age" placeholder="" :disabled="true"></el-input>
+      </el-form-item>
+      <el-form-item label="证件号:" prop="name">
+        <el-input v-model="patientInfo.id_card_no" placeholder="" :disabled="true"></el-input>
+      </el-form-item>
+      <el-form-item label="出生日期: " prop="name">
+        <el-date-picker
+          style="width:100%;"
+          v-model="patientInfo.birth"
+          type="date"
+          :disabled="true"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="联系电话: " prop="name">
+        <el-input v-model="patientInfo.phone" placeholder="" :disabled="true"></el-input>
+      </el-form-item>
+      <el-form-item label="医保类型: " prop="name">
+        <el-select v-model="delivery_way" style="width:100%;" placeholder="请选择">
+         <el-option
+            v-for="item in wayOptions"
+           :key="item.id"
+           :label="item.name"
+           :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="医保证号: " prop="name">
+        <el-input v-model="patientInfo.health_care_no" placeholder="" :disabled="true"></el-input>
+      </el-form-item>
+      <el-form-item label="家庭住址: " prop="name">
+        <el-input v-model="patientInfo.home_address" placeholder="" :disabled="true"></el-input>
+      </el-form-item>
+      <el-form-item label="过敏史: " prop="name">
+        <el-input v-model="allergic_history" placeholder=""></el-input>
+      </el-form-item>
+    </el-form>
+    <div class="mainTitle">体格信息：</div>
+    <el-form class="physiqueForm" :model="case_history" ref="form" label-width="80px">
+      <el-form-item label="体温:" prop="temperature">
+        <el-input v-model="case_history.temperature" placeholder=""></el-input>
+        <span>℃</span>
+      </el-form-item>
+      <el-form-item label="脉搏: " prop="pulse">
+        <el-input v-model="case_history.pulse" placeholder=""></el-input>
+        (次/分)
+      </el-form-item>
+      <el-form-item label="呼吸: " prop="breathing">
+        <el-input v-model="case_history.breathing" 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>
+    <div class="mainTitle">病历信息：</div>
+    <el-form class="recordForm" :model="case_history" ref="form" label-width="80px">
+     <el-form-item label="疾病类型: " prop="name" style="width:49%;">
+        <el-select v-model="case_history.sick" style="width:100%;" placeholder="请选择">
+          <el-option
+            v-for="(item,index) in sick"
+            :key="index"
+            :label="item.class_name"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="诊断: " prop="name" style="width:49%;">
+        <el-select style="width:100%;" v-model="case_history.diagnose" placeholder="">
+          <el-option
+            v-for="(item,index) in diagnoses"
+            :key="index"
+            :label="item.class_name"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="发病日期: " prop="name" style="width:49%;">
+        <el-date-picker
+          style="width:100%;"
+          v-model="start_time"
+          type="date"
+          placeholder="选择日期"
+           :picker-options="pickerOptions0">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="" prop="name" style="width:49%;">
+        <el-checkbox v-model="case_history.is_infect">是否传染</el-checkbox>
+      </el-form-item>
+      <el-form-item label="主诉:" style="width:49%;">
+        <el-select @change="changeMainTemplate" v-model="value" style="width:100%;margin-bottom:10px;">
+            <el-option
+              v-for="(item, index) in tabledata"
+              :label="item.title"
+              :value="item.content"
+              :key="index"
+            ></el-option>
+        </el-select>
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.chief_conplaint">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="现病史:" style="width:49%;">
+        <el-select @change="changeMainTemplateOne" v-model="valueOne" style="width:100%;margin-bottom:10px;">
+          <el-option
+            v-for="(item, index) in tabledataOne"
+            :label="item.title"
+            :value="item.content"
+            :key="index"
+          ></el-option>
+        </el-select>
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.history_of_present_illness">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="既往史:" style="width:49%;">
+        <el-select @change="changeMainTemplateTwo" v-model="valueTwo" style="width:100%;margin-bottom:10px;">
+          <el-option
+            v-for="(item, index) in tabledataTwo"
+            :label="item.title"
+            :value="item.content"
+            :key="index"
+          ></el-option>
+        </el-select>
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.past_history">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="个人史:" style="width:49%;">
+        <el-select @change="changeMainTemplateThree" v-model="valueThree" style="width:100%;margin-bottom:10px;">
+          <el-option
+            v-for="(item, index) in tabledataThree"
+            :label="item.title"
+            :value="item.content"
+            :key="index"
+          ></el-option>
+        </el-select>
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.personal_history">
+        </el-input>
+      </el-form-item>
+      <el-form-item  label="家族史:" style="width:49%;">
+        <el-select @change="changeMainTemplateFour" v-model="valueFour" style="width:100%;margin-bottom:10px;">
+          <el-option
+            v-for="(item, index) in tabledataFour"
+            :label="item.title"
+            :value="item.content"
+            :key="index"
+          ></el-option>
+        </el-select>
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.family_history">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="诊断信息:" style="width:49%;">
+        <el-select @change="changeMainTemplateFive" v-model="valueFive" style="width:100%;margin-bottom:10px;">
+          <el-option
+            v-for="(item, index) in tabledataFive"
+            :label="item.title"
+            :value="item.content"
+            :key="index"
+          ></el-option>
+        </el-select>
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.diagnostic">
+        </el-input>
+      </el-form-item>
+
+      <el-form-item label="医嘱:" style="width:49%;">
+        <el-select @change="changeMainTemplateSix" v-model="valueSix" style="width:100%;margin-bottom:10px;">
+          <el-option
+            v-for="(item, index) in tabledataSix"
+            :label="item.title"
+            :value="item.content"
+            :key="index"
+          ></el-option>
+        </el-select>
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.doctor_advice">
+        </el-input>
+      </el-form-item>
+
+      <el-form-item label ="备注"  prop="name" style="width:49%;">
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.remark">
+        </el-input>
+      </el-form-item>
+    </el-form>
+
+  </div>
+</template>
+
+<script>
+  const moment = require('moment');
+  import medicalRecord from './medicalRecord'
+  import saveRecordTemplate from './saveRecordTemplate'
+  import { getDictionaryDataConfig } from "@/utils/data";
+  import {  createCaseHistory,getInitData } from '@/api/his/his'
+  import { getDataConfig } from "@/utils/data";
+  import { getTemplateDetail,getMedicalTemplateList } from "@/api/project/project"
+  export default {
+    props: {
+      case_history: Object,
+      patientInfo: Object,
+      hisPatientInfo: Object,
+      record_date:String,
+      detalid:Number,
+    },
+    components: {
+      medicalRecord,
+      saveRecordTemplate
+    },
+    data() {
+      return {
+        id:0,
+        delivery_way:"",
+        // case_history:{
+        //   sick_type:'',
+        //   symptom:"",
+        //   sick_date:"",
+        //   is_infect:"",
+        //   chief_conplaint:"",
+        //   history_of_present_illness:"",
+        //   past_history:"",
+        //   diagnostic:"",
+        //   personal_history:"",
+        //   family_history:"",
+
+        // },
+          pickerOptions0: {
+          disabledDate(time) {
+            return time.getTime() < Date.now() - 8.64e7;
+          }
+        },
+        formValue:{
+          temperature:"",
+          blood_sugar:"",
+          pulse:"",
+          sbp:"",
+          dbp:"",
+          height:"",
+          blood_fat:"",
+        },
+        form: {
+          name: ''
+        },
+        wayOptions:[],
+        start_time:moment(new Date()).add('year',0).format("YYYY-MM-DD"),
+        doctor_advice:"",
+        remark:"",
+        tabledata:[],
+        tabledataOne:[],
+        tabledataTwo:[],
+        tabledataThree:[],
+        tabledataFour:[],
+        tabledataFive:[],
+        tabledataSix:[],
+        tabledataSeven:[],
+        value:'',
+        valueOne:'',
+        valueTwo:'',
+        valueThree:'',
+        valueFour:'',
+        valueFive:'',
+        valueSix:'',
+        valueSeven:'',
+        diagnoses:[],
+        sick:[],
+        allergic_history:"",
+        form:{
+          id:0,
+        },
+        watchSign:0
+      }
+    },
+    methods: {
+      getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+
+      },
+      // setData(case_history,patientInfo,hisPatientInfo){
+      //   this.form.name = patientInfo.name
+
+
+
+      // },
+      createCaseHistory(id) {
+          if(this.patientInfo.id == undefined){
+            this.$message.error("请先选择病人");
+            return
+          }
+          if(this.case_history.is_infect == true){
+            this.case_history.is_infect = 1
+          }
+          if(this.case_history.is_infect == false){
+             this.case_history.is_infect = 2
+          }
+          let params = {
+            "his_patient_id":this.hisPatientInfo.id,
+            "delivery_way":this.delivery_way?"":0,
+            "patient_id":id ? id : this.patientInfo.id,
+            "temperature":this.case_history.temperature,
+            "blood_sugar":this.case_history.blood_sugar,
+            "pulse":this.case_history.pulse,
+            "sbp":this.case_history.sbp,
+            "dbp":this.case_history.dbp,
+            "blood_fat":this.case_history.blood_fat,
+            "height":this.case_history.height,
+            "sick_type":this.case_history.sick_type,
+            "symptom":this.case_history.symptom,
+            "sick_date":this.start_time,
+            "is_infect":this.case_history.is_infect,
+            "chief_conplaint":this.case_history.chief_conplaint,
+            "history_of_present_illness":this.case_history.history_of_present_illness,
+            "past_history":this.case_history.past_history,
+            "personal_history":this.case_history.personal_history,
+            "family_history":this.case_history.family_history,
+            "record_date":this.record_date,
+            "diagnostic":this.case_history.diagnostic,
+            "breathing":this.case_history.breathing,
+            "doctor_advice":this.case_history.doctor_advice,
+            "remark":this.case_history.remark,
+            "sick":this.case_history.sick,
+            "diagnose":this.case_history.diagnose,
+            "allergic_history":this.allergic_history,
+            "id":this.form.id,
+          };
+          console.log("prams222",params);
+          createCaseHistory(params).then(response => {
+            if (response.data.state == 0) {
+              this.$message.error("患者病历已存在");
+              this.watchSign = 0;
+              return false
+            } else {
+              var caseHistory = response.data.data.caseHistory;
+              console.log("caseHistory",caseHistory);
+              this.$message.success("保存成功");
+              this.doctor_advice = "";
+              this.remark = "";
+              this.watchSign = 0
+            }
+          })
+
+
+      },
+
+
+      getTemplateDetail(id){
+
+          getTemplateDetail(id).then(response=>{
+              if(response.data.state == 1){
+                var templatedetail =  response.data.data.templateDetail;
+                console.log("templatedetail",templatedetail);
+
+                this.case_history.chief_conplaint =  templatedetail.chief_conplaint;
+                this.case_history.history_of_present_illness =  templatedetail.history_of_present_illness;
+                this.case_history.past_history =  templatedetail.past_history;
+                this.case_history.personal_history =    templatedetail.personal_history;
+                this.case_history.family_history = templatedetail.family_history;
+                this.case_history.diagnostic = templatedetail.diagnostic;
+                this.case_history.doctor_advice = templatedetail.doctor_advice;
+                this.case_history.remark = templatedetail.remark;
+                this.case_history.sick = templatedetail.sick;
+                this.case_history.diagnose = templatedetail.diagnose
+
+              }
+          })
+        },
+
+        getlist(){
+           getMedicalTemplateList().then(response=>{
+           if(response.data.state == 1){
+             var list =  response.data.data.list;
+             console.log("list",list);
+             this.tabledata = list;
+             this.tabledataOne =  response.data.data.listOne;
+             this.tabledataTwo = response.data.data.listTwo;
+             this.tabledataThree = response.data.data.listThree;
+             this.tabledataFour =  response.data.data.listFour;
+             this.tabledataFive = response.data.data.listFive;
+             this.tabledataSix = response.data.data.listSix;
+             this.tabledataSeven =  response.data.data.listSeven
+           }
+        })
+       },
+
+       changeMainTemplate(values){
+         if(this.case_history.chief_conplaint == ''){
+           this.case_history.chief_conplaint = values
+         } else {
+          if (this.case_history.chief_conplaint.indexOf(values) == -1) {
+            if (this.case_history.chief_conplaint.charAt(this.case_history.chief_conplaint.length - 1).indexOf('。') == -1) {
+              this.case_history.chief_conplaint = this.case_history.chief_conplaint + ',' + values
+            } else {
+              this.case_history.chief_conplaint = this.case_history.chief_conplaint + values
+            }
+          }
+        }
+       },
+       changeMainTemplateOne(values){
+          if(this.case_history.history_of_present_illness == ''){
+           this.case_history.history_of_present_illness = values
+         } else {
+          if (this.case_history.history_of_present_illness.indexOf(values) == -1) {
+            if (this.case_history.history_of_present_illness.charAt(this.case_history.history_of_present_illness.length - 1).indexOf('。') == -1) {
+              this.case_history.history_of_present_illness = this.case_history.history_of_present_illness + ',' + values
+            } else {
+              this.case_history.history_of_present_illness = this.case_history.history_of_present_illness + values
+            }
+          }
+        }
+      },
+      changeMainTemplateTwo(values){
+         if(this.case_history.past_history == ''){
+           this.case_history.past_history = values
+         } else {
+          if (this.case_history.past_history.indexOf(values) == -1) {
+            if (this.case_history.past_history.charAt(this.case_history.past_history.length - 1).indexOf('。') == -1) {
+              this.case_history.past_history = this.case_history.past_history + ',' + values
+            } else {
+              this.case_history.past_history = this.case_history.past_history + values
+            }
+          }
+        }
+      },
+      changeMainTemplateThree(values){
+         if(this.case_history.personal_history == ''){
+           this.case_history.personal_history = values
+         } else {
+          if (this.case_history.personal_history.indexOf(values) == -1) {
+            if (this.case_history.personal_history.charAt(this.case_history.personal_history.length - 1).indexOf('。') == -1) {
+              this.case_history.personal_history = this.case_history.personal_history + ',' + values
+            } else {
+              this.case_history.personal_history = this.case_history.personal_history + values
+            }
+          }
+        }
+      },
+      changeMainTemplateFour(values){
+          if(this.case_history.family_history == ''){
+           this.case_history.family_history = values
+         } else {
+          if (this.case_history.family_history.indexOf(values) == -1) {
+            if (this.case_history.family_history.charAt(this.case_history.family_history.length - 1).indexOf('。') == -1) {
+              this.case_history.family_history = this.case_history.family_history + ',' + values
+            } else {
+              this.case_history.family_history = this.case_history.family_history + values
+            }
+          }
+        }
+      },
+
+      changeMainTemplateFive(values){
+          if(this.case_history.diagnostic == ''){
+           this.case_history.diagnostic = values
+         } else {
+          if (this.case_history.diagnostic.indexOf(values) == -1) {
+            if (this.case_history.diagnostic.charAt(this.case_history.diagnostic.length - 1).indexOf('。') == -1) {
+              this.case_history.diagnostic = this.case_history.diagnostic + ',' + values
+            } else {
+              this.case_history.diagnostic = this.case_history.diagnostic + values
+            }
+          }
+        }
+      },
+      changeMainTemplateSix(values){
+          if(this.case_history.doctor_advice == ''){
+           this.case_history.doctor_advice = values
+         } else {
+          if (this.case_history.doctor_advice.indexOf(values) == -1) {
+            if (this.case_history.doctor_advice.charAt(this.case_history.doctor_advice.length - 1).indexOf('。') == -1) {
+              this.case_history.doctor_advice = this.case_history.doctor_advice + ',' + values
+            } else {
+              this.case_history.doctor_advice = this.case_history.doctor_advice + values
+            }
+          }
+        }
+      },
+      getInitData() {
+        getInitData().then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.sick = response.data.data.sick;
+            this.diagnoses = response.data.data.diagnose
+
+          }
+        })
+
+      },
+    },
+    created(){
+       this.getlist();
+       this.getInitData();
+       this.wayOptions = getDataConfig("patient", "reimbursement_ways");
+       console.log("232322323",this);
+       if(this.patientInfo.gender = 1){
+         this.patientInfo.gender = '男'
+       }else if(this.patientInfo.gender = 2){
+          this.patientInfo.gender = '女'
+        }
+
+    },
+    watch:{
+      detalid:function(val){
+        this.getTemplateDetail(val)
+      },
+      'patientInfo.gender':{
+        handler(newName, oldName){
+          console.log('newName',newName);
+          if(newName == 1){
+            this.patientInfo.gender = '男'
+          }else if(newName == 2){
+            this.patientInfo.gender = '女'
+          }
+        },
+        immediate: true,
+        deep: true
+      },
+      case_history:{
+        handler(val){
+          console.log("南京人明",this.case_history);
+          if(this.case_history.breathing == 0){
+            this.case_history.breathing = ""
+          }
+          if(this.case_history.sick == 0){
+            this.case_history.sick = ""
+          }
+          if(this.case_history.diagnose == 0){
+            this.case_history.diagnose = ""
+          }
+          this.form.id = this.case_history.id;
+          this.allergic_history = this.case_history.allergic_history;
+          this.watchSign++
+        },
+        deep:true
+      },
+      allergic_history:function(){
+        this.watchSign++
+      }
+    }
+  }
+</script>
+
+
+<style lang="scss" scoped>
+  .mainTitle {
+    font-size: 18px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    color:#409EFF;
+  }
+
+  .backColor {
+    background: #f6f8f9;
+    height: 5px;
+    margin-bottom: 5px;
+  }
+
+  .deskRecord {
+
+  .basicForm {
+    display: flex;
+    flex-wrap: wrap;
+
+  .el-form-item {
+    width: 32%;
+    margin-right: 1%;
+  }
+
+  }
+  .physiqueForm {
+    display: flex;
+    flex-wrap: wrap;
+
+  .el-form-item {
+    width: 24%;
+    margin-right: 1%;
+  }
+
+  }
+  .recordForm {
+    display: flex;
+    flex-wrap: wrap;
+
+  .el-form-item {
+    width: 24%;
+    margin-right: 1%;
+  }
+
+  }
+
+  }
+</style>
+
+<style lang="scss">
+  .physiqueForm {
+
+  .el-form-item__content {
+    display: flex;
+  }
+
+  .el-input {
+    width: 80px;
+    margin-right: 5px;
+  }
+
+  }
+</style>

src/xt_pages/hospitalStation/components/inquiriesDetail.vue

@@ -0,0 +1,387 @@
+<template>
+<div>
+  <el-dialog
+    title="详情"
+    width="1000px"
+    :visible.sync="visible"
+    :before-close="_close"
+    class="detailDialog"
+  >
+    <div style="position: absolute;right:20px;z-index:99">
+      <el-button v-if="activeName == 'first'" @click="open(1)" type="primary">打印</el-button>
+      <el-button v-if="activeName == 'second'" @click="open(2)" type="primary">打印</el-button>
+    </div>
+    <el-tabs v-model="activeName">
+
+      <el-tab-pane label="处方详情" name="first">
+        <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>
+          <new-prescription-table ref="prescription_tables" :prescription="curPrescriptions"></new-prescription-table>
+        </el-tabs>
+
+      </el-tab-pane>
+      <el-tab-pane label="病历详情" name="second">
+        <div class="commonCell">
+          <p style="color:#409EFF;">基本信息</p>
+          <div class="detailMain">
+            <span style="width:270px;">处方号：{{order.prescription_number}}</span>
+            <span style="width:180px;">姓名：{{order.patient.name}}</span>
+            <span style="width:240px;">证件号：{{order.patient.id_card_no}}</span>
+            <span style="width:180px;">联系电话：{{order.patient.phone}}</span>
+            <span style="width:270px;">医生：{{order.doctor}}</span>
+            <span style="width:180px;">科室：{{getDepartMent(order.departments)}}</span>
+            <span style="width:240px;">创建时间： {{getTimes(order.ctime,"{y}-{m}-{d} {h}:{i}")}}</span>
+            <!-- <span style="width:180px;">疾病名称：{{case_history.diagnostic}}</span>
+            <span style="width:180px;">症状：{{case_history.diagnostic}}</span> -->
+
+
+          </div>
+        </div>
+        <div class="commonCell">
+          <p style="color:#409EFF;">体格信息</p>
+          <div class="detailMain">
+            <span style="width:140px;">体温：{{case_history.temperature}}℃</span>
+            <span style="width:140px;">呼吸：{{case_history.breathing}} 次/分</span>
+
+            <span style="width:140px;">脉搏：{{case_history.pulse}} 次/分</span>
+            <span style="width:200px;">血压：{{case_history.sbp}}~{{case_history.dbp}} mmHg</span>
+          </div>
+        </div>
+        <div class="commonCell">
+          <p style="color:#409EFF;">病历信息</p>
+          <div class="detailMain">
+            <span style="width:260px;" v-if="case_history.is_infect== 1">是否传染：是</span>
+            <span style="width:260px;" v-if="case_history.is_infect != 1">是否传染：否</span>
+            <span style="width:180px;">发病日期：{{getTimes(case_history.sick_date,"{y}-{m}-{d}")}}</span>
+          </div>
+        </div>
+        <div class="commonCell">
+          <p>主诉</p>
+          <div>{{case_history.chief_conplaint}}</div>
+        </div>
+        <div class="commonCell">
+          <p>现病史</p>
+          <div>{{case_history.history_of_present_illness}}</div>
+        </div>
+        <div class="commonCell">
+          <p>门诊诊断</p>
+          <div>{{case_history.diagnostic}}</div>
+        </div>
+        <div class="commonCell">
+          <p>门诊医嘱</p>
+          <div>{{case_history.doctor_advice}}</div>
+        </div>
+        <div class="commonCell">
+          <p>过敏史</p>
+          <div>{{case_history.past_history}}</div>
+        </div>
+        <div class="commonCell">
+          <p>既往史</p>
+          <div>{{case_history.past_history}}</div>
+        </div>
+        <div class="commonCell">
+          <p>个人史</p>
+          <div>{{case_history.personal_history}}</div>
+        </div>
+        <div class="commonCell">
+          <p>家族史</p>
+          <div>{{case_history.family_history}}</div>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="hide">取 消</el-button>
+      <!--<el-button type="primary" :loading="submitLoading" @click="hide">确定</el-button>-->
+    </div>
+    <el-dialog
+      class="centerDialog detailDialog"
+      width="600px"
+      title="打印"
+      :visible.sync="innerVisible"
+      append-to-body>
+
+      <print v-if="activeName == 'first'" :paramsObj='paramsObj'></print>
+      <recordPrint v-if="activeName == 'second'" :patientid="patientid"></recordPrint>
+    </el-dialog>
+  </el-dialog>
+</div>
+</template>
+
+
+
+<script>
+  import { getDictionaryDataConfig} from "@/utils/data";
+  import { getHisPrescriptionInfo } from '@/api/his/his'
+  import NewPrescriptionTable from './newPrescriptionTable'
+  import { uParseTime } from '@/utils/tools'
+  import { getAllDoctorList } from "@/api/project/project"
+  import moment from 'moment';
+  import print from '../print'
+  import recordPrint from '../recordPrint'
+
+  export default {
+    components: { NewPrescriptionTable,print,recordPrint },
+    data() {
+      return {
+        visible: false,
+        activeName: 'first',
+        curPrescriptions: {},
+        prescriptions: [],
+        record_date: '',
+        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: '',
+        case_history:{},
+        order:{},
+        doctorList:[],
+        departmentList:[],
+        innerVisible:false,
+        paramsObj:{},
+        patientid:''
+      }
+    },
+    methods: {
+      open(index){
+        if(index == 1){
+           var arr= [];
+           for(let i=0;i<this.prescriptions.length;i++){
+              arr.push(this.prescriptions[i].id)
+           }
+           var prescription_id = arr[0];
+           var record_date = this.format(this.order.record_date);
+           var ids = arr.toString();
+
+           let obj = {
+             record:record_date,
+             prescription_id:prescription_id,
+             ids:ids,
+             patient_id:this.patientInfo.id
+           };
+           this.paramsObj = obj;
+           this.innerVisible = true
+          //  this.$router.push("/outpatientDoctorStation/print?record="+record_date+"&prescription_id="+prescription_id+"&ids="+ids+"&patient_id="+this.patientInfo.id)
+
+        }else if(index == 2){
+          var record_date = this.format(this.case_history.sick_date);
+          this.patientid = this.patientInfo.id;
+          this.innerVisible = true
+          // this.$router.push("/outpatientDoctorStation/recordPrint?record="+record_date+"&patient_id="+this.case_history.patient_id)
+        }
+      },
+      getTimes(time,temp) {
+        return uParseTime(time, temp);
+      },
+      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
+          }
+        }
+      },
+      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
+      },
+
+      moreState(tab, event) {
+        if (tab == 'more') {
+          return false
+        }
+      },
+
+      _close: function(done) {
+        // this.clear()
+        done()
+      },
+      clear: function() {
+        this.form.id = 0;
+        this.form.name = '';
+        this.form.intro = ''
+      },
+      show(id) {
+        let params={
+          id:id,
+        };
+        getHisPrescriptionInfo(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.patientInfo = response.data.data.order.patient;
+            console.log("患者信息",this.patientInfo);
+            this.hisPatientInfo = response.data.data.order.his_patient;
+            this.case_history = response.data.data.order.case_history;
+            console.log("历史详情",this.case_history);
+            this.order = response.data.data.order;
+            console.log('this.order',this.order);
+
+
+            this.prescriptions = [];
+            for (let i = 0; i < response.data.data.prescription.length; i++) {
+              var prescription = response.data.data.prescription[i];
+              let tempAdvice = [];
+              let tempProject = [];
+              for (let b = 0; b < prescription.advices.length; b++) {
+                let obj = {
+                  advice_id: prescription.advices[b].id,
+                  drug_name: prescription.advices[b].advice_name,
+                  single_dose: prescription.advices[b].single_dose,
+                  delivery_way: prescription.advices[b].delivery_way,
+                  execution_frequency: prescription.advices[b].execution_frequency,
+                  retail_price: prescription.advices[b].price.toString(),
+                  remark: prescription.advices[b].remark,
+                  day: prescription.advices[b].day,
+                  prescribing_number: prescription.advices[b].prescribing_number.toString(),
+                  single_dose_unit: prescription.advices[b].single_dose_unit,
+                  prescribing_number_unit: prescription.advices[b].prescribing_number_unit,
+                  medical_insurance_number: prescription.advices[b].med_list_codg
+
+                };
+                tempAdvice.push(obj)
+              }
+
+              for (let b = 0; b < prescription.project.length; b++) {
+                let obj = {
+                  id: prescription.project[b].id,
+                  project_id: prescription.project[b].project.id,
+                  project_name: prescription.project[b].project.project_name,
+                  statistical_classification: prescription.project[b].project.statistical_classification,
+                  single_dose: prescription.project[b].single_dose,
+                  delivery_way: prescription.project[b].delivery_way,
+                  execution_frequency: prescription.project[b].execution_frequency,
+                  number_days: prescription.project[b].day,
+                  total: prescription.project[b].count.toString(),
+                  price: prescription.project[b].price,
+                  remark: prescription.project[b].remark,
+                  medical_code: prescription.project[b].project.medical_code,
+                  unit:prescription.project[b].project.unit,
+                };
+                tempProject.push(obj)
+              }
+              let index = i + 1;
+              let obj = {
+                id: prescription.id,
+                name: '处方' + index,
+                advices: tempAdvice,
+                project: tempProject,
+                type: response.data.data.prescription[i].type
+              };
+              this.prescriptions.push(obj);
+              console.log(this.prescriptions);
+
+              this.curPrescriptions = this.prescriptions[0]
+            }
+          }
+        });
+        // this.clear()
+        this.visible = true
+
+
+
+      },
+      hide() {
+        // this.clear()
+        this.visible = false
+      },
+     getAllDoctorList(){
+      getAllDoctorList().then(response=>{
+        if(response.data.state == 1){
+            var doctor =  response.data.data.doctor;
+            this.doctorList = doctor;
+             var department = response.data.data.department;
+             console.log("department",department);
+             this.departmentList = department
+            }
+         })
+      },
+      getDepartMent(id){
+         var name = "";
+         for(let i=0;i<this.departmentList.length;i++){
+           if(id == this.departmentList[i].id){
+              name = this.departmentList[i].name
+           }
+         }
+         return name
+      },
+
+      format(time){
+        moment.locale();
+        var times = time*1000;
+        times = moment(times).format('YYYY-MM-DD');
+        return times
+      }
+    },
+    created(){
+      this.getAllDoctorList()
+    }
+  }
+</script>
+
+<style lang="scss">
+  .detailDialog {
+
+  .el-dialog__body {
+    padding: 0 20px 30px;
+    position: relative;
+  }
+
+  .detailMain {
+    flex: 1;
+  span {
+    display: inline-block;
+  }
+
+  }
+  .commonCell {
+    display: flex;
+    line-height: 40px;
+
+  > p {
+    font-weight: bold;
+    color: #000;
+    width: 80px;
+  }
+
+  }
+  }
+</style>
+

src/xt_pages/hospitalStation/components/inspection.vue

@@ -0,0 +1,106 @@
+<template>
+    <el-dialog
+        title="选择模板"
+        width="1000px"
+        :visible.sync="visible"
+        :before-close="_close"
+    >
+        <div class="inspectionTitle">
+            <p>姓名：<span>张三</span></p>
+            <p>证件号：<span>张三</span></p>
+            <p>性别：<span>张三</span></p>
+            <p>类型：<span>张三</span></p>
+            <p>金额：<span>张三</span></p>
+        </div>
+        <div style="margin:10px 0;">
+           <el-input v-model="name" placeholder="" style="width:150px;"></el-input> 
+        </div>
+        <div style="display:flex;">
+            <div style="width: 151px;">
+                <el-table :data="tableData" border height="300" :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="模板名称" width="150">
+                        <template slot-scope="scope">{{ scope.row.date }}</template>
+                    </el-table-column>
+                </el-table> 
+            </div>
+            <el-table :data="tableData" border height="300" style="flex:1;margin-left:20px;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+                <el-table-column type="selection" width="55" align="center"></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="数量">
+                    <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="金额">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+            </el-table> 
+        </div>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary" :loading="submitLoading" @click="submitAction()">保 存</el-button>
+        </div>
+    </el-dialog>         
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            visible:false,
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+            }]
+        }
+    },
+    methods:{
+        _close: function(done) {
+            // this.clear()
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show() {
+            // this.clear()
+            this.visible = true
+        },
+        hide() {
+            // this.clear()
+            this.visible = false
+        },
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.inspectionTitle{
+    display:flex;
+    justify-content: space-between;
+    span{
+        min-width:80px;
+        display:inline-block;
+        
+    }
+}
+</style>
+

src/xt_pages/hospitalStation/components/medicalInsuranceRefund.vue

@@ -0,0 +1,165 @@
+<template>
+    <div style="display:flex;">
+        <div class="noChargeLeft">
+            <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>
+            <el-table :data="tableData" border height="500" style="width: 100%;" :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="处方号" width="100">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="姓名" width="99">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div style="flex:1;overflow-x: hidden;">
+            <div class="noChargeRight">
+                <div class="chargeInfo">
+                    <p>姓名：<span></span></p>
+                    <p>性别：<span></span></p>
+                    <p>年龄：<span></span></p>
+                    <p>证件号：<span></span></p>
+                    <p>挂号类型：<span></span></p>
+                    <p>上一个发票号：<span></span></p>
+                    <p>下一个发票号：<span></span></p>
+                </div>
+                <div class="chargeBox">
+                    <p>医疗费用总额：<span></span></p>
+                    <p>基金支付金额：<span></span></p>
+                    <p>个人账户支付金额：<span></span></p>
+                    <p>个人支付金额：<span></span></p>
+                    <p>个人账号金额：<span></span></p>
+                </div>
+                <p class='chargeTitle'>药品信息</p>
+                <el-table :data="tableData" border height="200" style="width: 100%;" :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.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="单价（元）">
+                        <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="总价">
+                        <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>
+                <p class='chargeTitle'>项目信息</p>
+                <el-table :data="tableData" border height="200" style="width: 100%;" :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.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="单价（元）">
+                        <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="总价">
+                        <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>
+                <div class='chargeBtn'>
+                    <p>总金额：0元</p>
+                    <div>
+                        <el-button type="primary">处方查询</el-button>
+                        <el-button type="danger">退单</el-button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+            }]
+        }
+    }
+}
+</script>
+
+
+<style lang="scss" scoped>
+.noChargeLeft{
+    width:200px;
+    .mainCell{
+        display: flex;
+    }
+}
+.noChargeRight{
+    margin-left:20px;
+    // flex: 1;
+    .chargeInfo{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        height: 32px;
+        margin-bottom: 10px;
+        >p{
+            display: flex;
+        }
+        >p>span{
+            display: inline-block;
+            min-width: 50px;
+        }
+    }
+    .chargeBox{
+        height:42px;
+        border: 1px solid #EBEEF5;
+        display: flex;
+        justify-content: space-between;
+        background-color: rgb(245, 247, 250);
+        color: rgb(96, 98, 102);
+        align-items: center;
+        padding: 0 20px;
+        >p>span{
+            display: inline-block;
+            min-width: 50px;
+        }
+    }
+    .chargeTitle{
+        line-height: 32px;
+        height: 32px;
+    }
+    .chargeBtn{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 20px;
+    }
+}
+</style>

src/xt_pages/hospitalStation/components/medicalRecord.vue

@@ -0,0 +1,169 @@
+<template>
+    <el-dialog
+        title="病历调用"
+        width="1000px"
+        :visible.sync="visible"
+        :before-close="_close"
+        class="recordDialog"
+    >
+        <div>
+            <el-tabs v-model="activeName">
+                <el-tab-pane label="病历模板" name="first">
+                    <div style="display:flex;align-items: center;margin-bottom:10px;">
+                        <el-input size="small"  v-model.trim="search_input" class="filter-item" style="width:140px;"/>
+                        <el-button size="small" style="margin:0 10px;" class="filter-item" type="primary"  @click="searchAction">搜索</el-button>
+                        <span>日期：</span>
+                        <el-date-picker
+                        size="small"
+                        style="width:140px;margin:0 10px;"
+                        v-model="start_time"
+                        type="date"
+                        placeholder="选择日期"
+                        @change="changeStarTime">
+                        </el-date-picker>
+                        <el-date-picker
+                        style="width:140px;"
+                        size="small"
+                        v-model="end_time"
+                        type="date"
+                        placeholder="选择日期"
+                        @change="changeEndTime">
+                        </el-date-picker>
+                    </div>
+                    <el-table :data="tempalateData" border height="300" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+                        <el-table-column align="center" type="index" width="60" label="序号"></el-table-column>
+                        <el-table-column align="center" prop="name" width="60" label="病历编号">
+                            <template slot-scope="scope">{{ scope.row.id }}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" label="名称">
+                            <template slot-scope="scope">{{ scope.row.template_name }}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" label="创建人">
+                            <template slot-scope="scope">{{ scope.row.user_name }}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" label="创建日期">
+                            <template slot-scope="scope">{{getTimes(scope.row.record_date) }}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" label="模板说明">
+                            <template slot-scope="scope">{{ scope.row.template_remark }}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" label="操作" width='200'>
+                            <template slot-scope="scope">
+                                <el-button type="primary" size="mini" @click="totemplateDetailTwo(scope.row.id)">调用</el-button>
+                                <el-button type="primary" size="mini" @click="totemplateDetail(scope.row.id)">详情</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+        <record-history-detail ref="recordHistoryDetail"></record-history-detail>
+        <record-template-detail ref="recordTemplateDetail"></record-template-detail>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary"  @click="submitAction()">保 存</el-button>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+import recordHistoryDetail from './recordHistoryDetail'
+import recordTemplateDetail from './recordTemplateDetail'
+import { getHistoryTemplate } from "@/api/project/project"
+import { uParseTime } from '@/utils/tools'
+export default {
+    components:{
+        recordHistoryDetail,
+        recordTemplateDetail
+    },
+    data(){
+        return{
+            visible:false,
+            activeName:'first',
+            form:{
+                name:''
+            },
+            tableData: [],
+            tempalateData:[],
+            value1:"",
+            search_input:"",
+            start_time:"",
+            end_time:"",
+            mode_status:0,
+        }
+    },
+    methods:{
+        _close: function(done) {
+            // this.clear()
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show(id) {
+            this.mode_status = id;
+            this.getlist();
+            this.visible = true
+        },
+        hide() {
+            // this.clear()
+            this.visible = false
+        },
+        toHistoryDetail(){
+            this.$refs.recordHistoryDetail.show()
+        },
+        totemplateDetail(id){
+            this.$refs.recordTemplateDetail.show(id)
+        },
+        totemplateDetailTwo(id){
+         this.$emit('func',id);
+         this.visible = false
+        },
+        //获取历史数据历史模板
+        getlist(){
+
+            const params = {
+               keyword:this.search_input,
+               start_time:this.start_time,
+               end_time:this.end_time
+            };
+
+          getHistoryTemplate(params).then(response=>{
+            if(response.data.state == 1){
+              var template =  response.data.data.template;
+              console.log("templagte",template);
+              this.tempalateData = template
+            }
+          })
+        },
+        searchAction(){
+          this.getlist()
+        },
+        changeStarTime(){
+           this.getlist()
+        },
+        changeEndTime(){
+          this.getlist()
+        },
+        getTimes(time) {
+        return uParseTime(time, "{y}-{m}-{d} {h}:{i}:{s}");
+      },
+    },
+    created(){
+       this.getlist()
+    },
+
+
+}
+</script>
+
+<style lang="scss">
+.recordDialog{
+    .el-dialog__body{
+        padding-top:0;
+    }
+}
+</style>
+

src/xt_pages/hospitalStation/components/monthPrescriptionTable.vue

@@ -0,0 +1,297 @@
+<template>
+  <div class="prescriptionTable">
+    <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" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="drug_name" label="名称">
+        <template slot-scope="scope"><span :title="scope.row.drug_name">{{ scope.row.drug_name }}</span></template>
+      </el-table-column>
+      <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
+        <template slot-scope="scope">
+          <div style="display:flex;align-items:center;">
+            <el-input v-model="scope.row.single_dose" style="width:65%;"></el-input>
+            <div>{{scope.row.single_dose_unit}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="100" label="用法">
+        <template slot-scope="scope">
+          <el-select v-model="scope.row.delivery_way" placeholder="请选择">
+            <el-option
+              readonly
+              v-for="(item,index) in drugways"
+              :key="index"
+              :label="item.name"
+              :value="item.name">
+            </el-option>
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="100" label="频率">
+        <template slot-scope="scope">
+          <el-select v-model="scope.row.execution_frequency" placehold er="请选择">
+            <el-option
+              readonly
+              v-for="item,index in efs"
+              :key="index"
+              :label="item.name"
+              :value="item.name">
+            </el-option>
+          </el-select>
+        </template>
+      </el-table-column>
+
+
+      <el-table-column align="center" prop="day" width="50" label="天数">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.day" placeholder="" readonly></el-input>
+          <div>{{'天'}}</div>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="prescribing_number" width="80" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;align-items:center;">
+            <el-input v-model="scope.row.prescribing_number" style="width:60%" placeholder="" readonly></el-input>
+            <div> {{scope.row.prescribing_number_unit}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="retail_price" width="60" label="单价">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.retail_price" placeholder="" readonly></el-input>
+          <div>{{'元'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="remark" width="50" label="备注">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.remark" :title="scope.row.remark" placeholder="" readonly></el-input>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <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="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="project_name" label="名称">
+        <template slot-scope="scope"><span :title="scope.row.project_name">{{ scope.row.project_name }}</span></template>
+      </el-table-column>
+      <el-table-column align="center" prop="statistical_classification" width="100" label="组">
+        <template slot-scope="scope">{{getGroup(scope.row.statistical_classification)}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.single_dose" placeholder="" readonly></el-input>
+          <div>{{scope.row.unit}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="80" label="用法">
+        <template slot-scope="scope">
+          <el-autocomplete
+            readonly
+            style="width:100%;"
+            class="inline-input"
+            v-model="scope.row.delivery_way"
+            :fetch-suggestions="querySearch2"
+            placeholder="请输入内容"
+          ></el-autocomplete>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="80" label="频率">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.execution_frequency" placeholder="" readonly></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="number_days" width="50" label="天数">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.number_days" placeholder="" readonly></el-input>
+          <div>{{'天'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="total" width="70" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;align-items:center;">
+            <el-input v-model="scope.row.total" style="width:60%" placeholder="" readonly></el-input>
+            <div>{{scope.row.unit}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="单价">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.price" placeholder="" readonly></el-input>
+          <div>{{'元'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="备注">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.remark" :title="scope.row.remark" readonly></el-input>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="additionalBox">
+      <div class="additionalOne" v-for="(item,index) in prescription.addition" :key="index">
+        <span :title="item.item_name">{{item.item_name}}</span>
+        <el-input v-model="item.price" placeholder="" style="width:50px;"></el-input>
+        共
+        <el-input v-model="item.count" placeholder="" style="width:50px;"></el-input>
+        次
+        <i class="el-icon-delete deleteIcon" @click="delAddition(index,item)"></i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getDictionaryDataConfig} from "@/utils/data";
+  import { getInitData,delHisAdvice,delHisProject,delHisAddition } from '@/api/his/his'
+
+  export default {
+    props: {
+      preDrugs: Array,
+      activeType: Number,
+      addtions_charge:Array,
+      prescription:{
+        type:Object,
+        default: function () {
+          return {
+            name:"",
+            advices:[],
+            project:[],
+            drugways:[],
+            efs:[],
+          };
+        }
+      },
+    },
+    data() {
+      return {
+        advices:[],
+        tableData: [],
+        newoptions: [{
+          value: '1',
+          label: '1'
+        }, {
+          value: '2',
+          label: '2'
+        }, {
+          value: '3',
+          label: '3'
+        }, {
+          value: '4',
+          label: '4'
+        }, {
+          value: '5',
+          label: '5'
+        }],
+        value: '1',
+        input: 1,
+      }
+    },
+    methods:{
+      createFilter(queryString) {
+        return (restaurant) => {
+          return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
+        }
+      },
+      querySearch2(queryString, cb) {
+        var restaurants = this.getDictionaryDataConfig("system","project_use");
+        restaurants.map(item => {
+          item.value = item.name
+        });
+        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+        // 调用 callback 返回建议列表的数据
+        cb(results)
+      },
+      getInitData(){
+        getInitData().then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.drugways = response.data.data.drugways;
+            this.efs = response.data.data.efs
+          }
+        })
+      },
+      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
+      },
+      setNewData:function(data){
+        this.prescription = data
+      },
+      getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+      },
+      getGroup(id){
+        var name = "";
+        var statistics_category =  getDictionaryDataConfig('system','statistics_category');
+        for(let i=0;i<statistics_category.length;i++){
+          if(id == statistics_category[i].id){
+            name = statistics_category[i].name
+          }
+        }
+        return name
+      },
+    },mounted(){
+      this.getInitData()
+    },
+  }
+</script>
+
+<style lang="scss">
+  .prescriptionTable {
+
+  .el-input__inner {
+    padding: 0 5px;
+  }
+
+  .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: 80px;
+    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/hospitalStation/components/newPrescriptionTable.vue

@@ -0,0 +1,201 @@
+<template>
+  <div class="prescriptionTable">
+    <el-table v-if="prescription.type == 1" :data="prescription.advices" border style="width: 100%;"
+              :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+      <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="name" label="名称">
+        <template slot-scope="scope">{{ scope.row.drug_name }}</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="100" label="单次用量">
+        <template slot-scope="scope">
+          <div>{{ scope.row.single_dose }} &nbsp;&nbsp; {{scope.row.single_dose_unit}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="90" label="用法">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.delivery_way" readonly></el-input>-->
+          <div> {{scope.row.delivery_way}}</div>
+
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="90" label="频率">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.execution_frequency" readonly></el-input>-->
+          <div> {{scope.row.execution_frequency}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="day" width="50" label="天数">
+        <template slot-scope="scope">
+          <div>{{ scope.row.day }}天</div>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="100" label="总量">
+        <template slot-scope="scope">
+          <div>{{scope.row.prescribing_number}} {{scope.row.prescribing_number_unit}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="80" label="单价">
+        <template slot-scope="scope">
+          <div> {{scope.row.retail_price}}元</div>
+
+          <!--<el-input v-model="scope.row.retail_price" placeholder="" readonly></el-input>-->
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="80" label="备注">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.remark" style="width:50%" placeholder="" readonly></el-input>-->
+          <div> {{scope.row.remark}}</div>
+
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-table v-if="prescription.type == 2" :data="prescription.project" border style="width: 99%;"
+              :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+
+      <el-table-column align="center" prop="project_name" label="名称">
+        <template slot-scope="scope">{{ scope.row.project_name }}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="statistical_classification" width="100" label="组">
+        <template slot-scope="scope">
+          <div>{{getGroup(scope.row.statistical_classification)}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="single_dose" width="100" label="单次用量">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.single_dose" placeholder="" readonly></el-input>-->
+          <div> {{scope.row.single_dose}}{{scope.row.unit}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="130" label="用法">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.delivery_way" placeholder="" readonly></el-input>-->
+          <div> {{scope.row.delivery_way}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="100" label="频率">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.execution_frequency" placeholder="" readonly></el-input>-->
+          <div> {{scope.row.execution_frequency}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="number_days" width="100" label="天数">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.number_days" placeholder="" readonly></el-input>-->
+          <div> {{scope.row.number_days}}天</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="total" width="80" label="总量">
+        <template slot-scope="scope">
+            <div> {{scope.row.total}}{{scope.row.unit}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="70" label="单价">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
+          <div> {{scope.row.price}}元</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="120" label="备注">
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.remark" readonly></el-input>-->
+          <div> {{scope.row.remark}}</div>
+
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+
+
+
+
+
+</template>
+
+<script>
+  import { getInitData } from '@/api/his/his'
+  import { getDictionaryDataConfig} from "@/utils/data";
+
+  export default {
+    props: {
+      prescription: Object
+    },
+    data() {
+      return {
+        drugways: [],
+        efs: []
+      }
+    }, mounted() {
+      getInitData().then(response => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          return false
+        } else {
+          this.drugways = response.data.data.drugways;
+          this.efs = response.data.data.efs
+        }
+      })
+    }, methods:  {
+
+
+      getGroup(id){
+        var name = "";
+        var statistics_category =  getDictionaryDataConfig('system','statistics_category');
+        console.log("2235",statistics_category);
+        for(let i=0;i<statistics_category.length;i++){
+          if(id == statistics_category[i].id){
+            name = statistics_category[i].name
+          }
+        }
+        return name
+      },
+
+
+    }
+  }
+</script>
+
+<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-icon-delete{
+    color:red;
+  }
+  }
+</style>

src/xt_pages/hospitalStation/components/nextOrLastPrescription.vue

@@ -0,0 +1,417 @@
+<template>
+  <el-dialog
+    :title="name"
+    :visible.sync="isLastOrNextVisible"
+    @close="hide"
+    width="1010px"
+    :modal-append-to-body="false"
+    class="isLastOrNext"
+  >
+    <div class="txsj" style="text-align:center;">
+      <el-button
+        round
+
+        @click="openLast(3)"
+      >上一方
+      </el-button>
+
+      <el-button
+        round
+        @click="openNext(4)"
+      >下一方
+      </el-button>
+    </div>
+
+    <div v-for="(item,index) in allPrescription" :key="index">
+      <div class="quote">引用 {{getTime(item.record_date, '{y}年{m}月{d}日')}} 的处方</div>
+      <el-checkbox-group v-model="item.check_group">
+        <div v-for="(subItem,index2) in item.prescriptions" :key="index2">
+          <el-checkbox style="margin:10px 0;" :label="subItem.id">{{'处方' + (index2+ 1)}}</el-checkbox>
+          <el-table v-if="subItem.type  == 1" :data="subItem.doctor_advice" border style="width: 99%;"
+                    :row-style="{ color: '#303133' }"
+                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+            <el-table-column align="center" type="index" width="60" label="序号"></el-table-column>
+            <el-table-column align="center" prop="drug_name"  width="160" label="名称">
+              <template slot-scope="scope">
+                <span>{{ scope.row.advice_name }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
+              <template slot-scope="scope">
+                  <div>{{scope.row.single_dose}}{{scope.row.single_dose_unit}}</div>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="delivery_way" width="100" label="用法">
+              <template slot-scope="scope">
+                {{scope.row.delivery_way}}
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="execution_frequency" width="100" label="频率">
+              <template slot-scope="scope">
+                {{scope.row.execution_frequency}}
+              </template>
+            </el-table-column>
+
+            <el-table-column align="center" prop="day" width="60" label="天数">
+              <template slot-scope="scope">
+                {{scope.row.day}}
+              </template>
+            </el-table-column>
+
+            <el-table-column align="center" prop="prescribing_number" width="100" label="总量">
+              <template slot-scope="scope">
+                <div>{{scope.row.prescribing_number}} {{scope.row.prescribing_number_unit}}</div>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="retail_price" width="80" label="单价">
+              <template slot-scope="scope">
+                <div>{{scope.row.retail_price}}</div>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="remark" label="备注">
+              <template slot-scope="scope">
+                <div>{{scope.row.remark}}</div>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-table v-if="subItem.type == 2" :data="subItem.project" border style="width: 99%;"
+                    :row-style="{ color: '#303133' }"
+                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+            <el-table-column align="center" type="index" width="60" label="序号"></el-table-column>
+            <el-table-column align="center" prop="project_name" width="160" label="名称">
+              <template slot-scope="scope">
+                <span>{{ scope.row.project.project_name }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="statistical_classification" width="100" label="组">
+              <template slot-scope="scope">{{getGroup(scope.row.statistical_classification)}}</template>
+            </el-table-column>
+            <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.single_dose" placeholder=""></el-input>-->
+                <span>{{ scope.row.single_dose }}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="delivery_way" width="100" label="用法">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.delivery_way" placeholder=""></el-input>-->
+                <span>{{ scope.row.delivery_way }}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="execution_frequency" width="100" label="频率">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.execution_frequency" placeholder=""></el-input>-->
+                <span>{{ scope.row.execution_frequency }}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="number_days" width="70" label="天数">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.number_days" placeholder=""></el-input>-->
+                <span>{{ scope.row.number_days }}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="total" width="70" label="总量">
+              <template slot-scope="scope">
+                  <div>{{ scope.row.total }}{{scope.row.unit}}</div>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="name" width="60" label="单价">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
+                <span>{{ scope.row.price }}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="name" label="备注">
+              <template slot-scope="scope">
+                <!--<el-input v-model="scope.row.remark" :title="scope.row.remark"></el-input>-->
+                <span>{{ scope.row.remark }}</span>
+
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </el-checkbox-group>
+
+    </div>
+
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="isLastOrNextVisible = false">取 消</el-button>
+      <el-button type="primary" @click="save">保存</el-button>
+    </div>
+  </el-dialog>
+
+
+</template>
+
+<script>
+  import { uParseTime } from '@/utils/tools'
+  import { getDictionaryDataConfig} from "@/utils/data";
+
+  import {
+    getNextOrLastHisPrescription
+  } from '@/api/his/his'
+  export default {
+    name: "nextOrLastPrescription",
+    data() {
+      return {
+        srcPrescriptions:[],
+        name:"",
+        request_record_date:'',
+        patient_id:0,
+         allPrescription: [
+          {
+            check_group: [],
+            prescriptions: [
+              {
+                id: 5,
+
+                type: 1,
+                doctor_advice: [],
+                project: [],
+              },
+              {
+                id: 8,
+                type: 1,
+                doctor_advice: [],
+                project: [],
+              },
+              {
+                id: 6,
+
+                type: 2,
+                doctor_advice: [],
+                project: [],
+              },
+              {
+                id: 7,
+                type: 2,
+                doctor_advice: [],
+                project: [],
+              },
+            ],
+          }, {
+            check_group: [],
+            prescriptions: [
+              {
+                id: 1,
+                type: 2,
+                doctor_advice: [],
+                project: [],
+              },
+              {
+
+                id: 2,
+                type: 2,
+                doctor_advice: [],
+                project: [],
+              },
+              {
+                id: 3,
+
+                type: 1,
+                doctor_advice: [],
+                project: [],
+              },
+              {
+                id: 4,
+
+                type: 1,
+                doctor_advice: [],
+                project: [],
+              },
+            ],
+          }
+        ],
+
+        isLastOrNextVisible: false,
+
+      }
+    }, methods: {
+      openLast(val) {
+       if (val == 3) {
+          let params = {
+            patient_id: this.patient_id,
+            record_time: this.request_record_date,
+            type: 1
+          };
+
+          this.GetNextOrLastHisPrescription(params)
+
+        }
+      },
+      openNext(val) {
+        if (val == 4) {
+          let params = {
+            patient_id: this.patient_id,
+            record_time: this.request_record_date,
+            type: 2
+          };
+          this.GetNextOrLastHisPrescription(params)
+        }
+      },
+      GetNextOrLastHisPrescription(params){
+        getNextOrLastHisPrescription(params).then(response => {
+          if (response.data.state == 1) {
+            this.allPrescription = response.data.data.prescriptions;
+            for (let i = 0; i < this.allPrescription.length; i++){
+              this.allPrescription[i].check_group = []
+            }
+            this.request_record_date = uParseTime(response.data.data.prescriptions[0].record_date, '{y}-{m}-{d}')
+          } else {
+            this.$message.error(response.data.msg)
+
+          }
+        })
+      },
+      save() {
+        let replace_one = [];
+        let replace_two = [];
+
+        let checkGroup = [];
+        let allPrescriptions = [];
+        let targetPrescriptions = [];
+        let prescriptions = [];
+        for (let i = 0; i < this.allPrescription.length; i++) {
+          for (let a = 0; a < this.allPrescription[i].check_group.length; a++) {
+            checkGroup.push(this.allPrescription[i].check_group[a])
+          }
+          for (let a = 0; a < this.allPrescription[i].prescriptions.length; a++) {
+            allPrescriptions.push(this.allPrescription[i].prescriptions[a])
+          }
+        }
+        for (let i = 0; i < allPrescriptions.length; i++){
+          for (let a = 0; a < checkGroup.length; a++){
+            if(allPrescriptions[i].id == checkGroup[a]){
+              targetPrescriptions.push(allPrescriptions[i])
+            }
+          }
+        }
+
+        if (targetPrescriptions.length > 0) {
+          for (let i = 0; i < targetPrescriptions.length; i++) {
+            var prescription = targetPrescriptions[i];
+            let tempAdvice = [];
+            let tempProject = [];
+            let tempAddition = [];
+            for (let b = 0; b < prescription.doctor_advice.length; b++) {
+              let obj = {
+                advice_id: 0,
+                drug_name: prescription.doctor_advice[b].advice_name,
+                single_dose: prescription.doctor_advice[b].single_dose,
+                delivery_way: prescription.doctor_advice[b].delivery_way,
+                execution_frequency: prescription.doctor_advice[b].execution_frequency,
+                retail_price: prescription.doctor_advice[b].price.toString(),
+                remark: prescription.doctor_advice[b].remark,
+                day:prescription.doctor_advice[b].day,
+                prescribing_number:prescription.doctor_advice[b].prescribing_number.toString(),
+                single_dose_unit:prescription.doctor_advice[b].single_dose_unit,
+                prescribing_number_unit:prescription.doctor_advice[b].prescribing_number_unit,
+                medical_insurance_number:prescription.doctor_advice[b].med_list_codg,
+                id:prescription.doctor_advice[b].drug_id
+              };
+              tempAdvice.push(obj)
+
+            }
+
+
+            for (let b = 0; b < prescription.project.length; b++) {
+              let obj = {
+                id: 0,
+                project_id: prescription.project[b].project_id,
+                project_name: prescription.project[b].project.project_name,
+                statistical_classification: prescription.project[b].project.statistical_classification,
+                single_dose: prescription.project[b].single_dose,
+                delivery_way: prescription.project[b].delivery_way,
+                execution_frequency: prescription.project[b].execution_frequency,
+                number_days: prescription.project[b].day,
+                total:prescription.project[b].count.toString(),
+                price:prescription.project[b].price,
+                remark:prescription.project[b].remark,
+                medical_code:prescription.project[b].project.medical_code,
+              };
+              tempProject.push(obj)
+            }
+            let obj = {
+              id: 0,
+              advices: tempAdvice,
+              project: tempProject,
+              addition:tempAddition,
+              order_status:0,
+              // type: type,
+            };
+            prescriptions.push(obj)
+          }
+        }
+
+        console.log(this.srcPrescriptions);
+
+        if(this.srcPrescriptions.length == 1){
+          if(this.srcPrescriptions[0].advices.length == 0 && this.srcPrescriptions[0].project.length == 0){
+            this.srcPrescriptions = [];
+            this.srcPrescriptions = prescriptions;
+            this.$emit('save', this.srcPrescriptions)
+          }else{
+
+            this.srcPrescriptions =  this.srcPrescriptions.concat(prescriptions);
+            this.$emit('save', this.srcPrescriptions)
+          }
+        }else{
+          this.srcPrescriptions =  this.srcPrescriptions.concat(prescriptions);
+          this.$emit('save', this.srcPrescriptions)
+        }
+
+
+
+      },show(prescriptions,name,id,srcPrescriptions){
+        this.srcPrescriptions = srcPrescriptions;
+        this.patient_id = id;
+        this.request_record_date = uParseTime(prescriptions[0].record_date, '{y}-{m}-{d}');
+        this.name = name;
+        this.allPrescription = prescriptions;
+        for (let i = 0; i < this.allPrescription.length; i++){
+          this.allPrescription[i].check_group = []
+        }
+        console.log(this.allPrescription);
+        this.isLastOrNextVisible = true
+      },close(){
+        this.isLastOrNextVisible = false
+      },hide(){
+        this.$emit('cancel')
+
+      },getTime(time, template){
+        return uParseTime(time,template)
+
+      }, getGroup(id){
+        var name = "";
+        var statistics_category =  getDictionaryDataConfig('system','statistics_category');
+        for(let i=0;i<statistics_category.length;i++){
+          if(id == statistics_category[i].id){
+            name = statistics_category[i].name
+          }
+        }
+        return name
+      },   getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+      },
+    }
+  }
+</script>
+
+<style lang="scss">
+.isLastOrNext{
+  .el-dialog__body{
+    padding:0px 20px 30px;
+  }
+  .quote{
+    margin-top: 10px;
+    font-size: 14px;
+  }
+}
+</style>

src/xt_pages/hospitalStation/components/noCharge.vue

@@ -0,0 +1,165 @@
+<template>
+    <div style="display:flex;">
+        <div class="noChargeLeft">
+            <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>
+            <el-table :data="tableData" border height="500" style="width: 100%;" :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="处方号" width="100">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="姓名" width="99">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div style="flex:1;overflow-x: hidden;">
+            <div class="noChargeRight">
+                <div class="chargeInfo">
+                    <p>姓名：<span></span></p>
+                    <p>性别：<span></span></p>
+                    <p>年龄：<span></span></p>
+                    <p>证件号：<span></span></p>
+                    <p>挂号类型：<span></span></p>
+                    <p>上一个发票号：<span></span></p>
+                    <p>下一个发票号：<span></span></p>
+                </div>
+                <div class="chargeBox">
+                    <p>医疗费用总额：<span></span></p>
+                    <p>基金支付金额：<span></span></p>
+                    <p>个人账户支付金额：<span></span></p>
+                    <p>个人支付金额：<span></span></p>
+                    <p>个人账号金额：<span></span></p>
+                </div>
+                <p class='chargeTitle'>药品信息</p>
+                <el-table :data="tableData" border height="200" style="width: 100%;" :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.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="单价（元）">
+                        <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="总价">
+                        <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>
+                <p class='chargeTitle'>项目信息</p>
+                <el-table :data="tableData" border height="200" style="width: 100%;" :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.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="单价（元）">
+                        <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="总价">
+                        <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>
+                <div class='chargeBtn'>
+                    <p>总金额：0元</p>
+                    <div>
+                        <el-button>预结算</el-button>
+                        <el-button type="primary">结算保存</el-button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+            }]
+        }
+    }
+}
+</script>
+
+
+<style lang="scss" scoped>
+.noChargeLeft{
+    width:200px;
+    .mainCell{
+        display: flex;
+    }
+}
+.noChargeRight{
+    margin-left:20px;
+    // flex: 1;
+    .chargeInfo{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        height: 32px;
+        margin-bottom: 10px;
+        >p{
+            display: flex;
+        }
+        >p>span{
+            display: inline-block;
+            min-width: 50px;
+        }
+    }
+    .chargeBox{
+        height:42px;
+        border: 1px solid #EBEEF5;
+        display: flex;
+        justify-content: space-between;
+        background-color: rgb(245, 247, 250);
+        color: rgb(96, 98, 102);
+        align-items: center;
+        padding: 0 20px;
+        >p>span{
+            display: inline-block;
+            min-width: 50px;
+        }
+    }
+    .chargeTitle{
+        line-height: 32px;
+        height: 32px;
+    }
+    .chargeBtn{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 20px;
+    }
+}
+</style>

src/xt_pages/hospitalStation/components/prescription.vue

@@ -0,0 +1,151 @@
+<template>
+    <el-dialog
+        title="开处方"
+        width="1000px"
+        :visible.sync="visible"
+        :before-close="_close"
+    >
+        <div>
+            <el-form :model="form" :rules="rules" ref="form" class="perscriptionForm" label-width="140px" style="display: flex;flex-wrap: wrap;justify-content: space-between;">
+                <el-form-item label="透析模式:" prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="透析时长(h): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="透析时长(min): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="血流量(ml/min): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="预充量(L): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="目标超滤量(L): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="透析液配方: " prop="name">
+                    <el-select v-model="value" style="width:160px;" 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-select v-model="value" style="width:160px;" 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="首剂(mg): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="维持(mg/h): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="总量(mg): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="置换量(L): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="钾(mmol/L): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="钠(mmol/L): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="钙(mmol/L): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="碳酸氢盐(mmol/L): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="透析液流量(ml/min): " prop="name">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </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-input v-model="form.name" placeholder=""></el-input>
+                </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-input v-model="form.name" placeholder=""></el-input>
+                </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-input v-model="form.name" placeholder=""></el-input>
+                </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="限制说明 : " style="width:100%;" prop="name">
+                    <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary" :loading="submitLoading" @click="submitAction()">保 存</el-button>
+            <el-button type="primary">设为长期处方</el-button>
+        </div>
+    </el-dialog>         
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            visible:false,
+            form:{
+                name:''
+            },
+        }
+    },
+    methods:{
+        _close: function(done) {
+            // this.clear()
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show() {
+            // this.clear()
+            this.visible = true
+        },
+        hide() {
+            // this.clear()
+            this.visible = false
+        },
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.perscriptionForm{
+    .el-form-item{
+        width:33%;
+    }
+    .el-input{
+        width:160px;
+    }
+}
+</style>
+

src/xt_pages/hospitalStation/components/prescriptionTable.vue

@@ -0,0 +1,464 @@
+<template>
+  <div class="prescriptionTable">
+    <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" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="drug_name" label="名称">
+        <template slot-scope="scope"><span :title="scope.row.drug_name">{{ scope.row.drug_name }}</span></template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
+        <template slot-scope="scope">
+          <div style="display:flex;align-items:center;">
+            <el-input v-model="scope.row.single_dose" @input="getSingleDose(scope)" style="width:65%;"></el-input>
+            <div>{{scope.row.single_dose_unit}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="100" label="用法">
+        <template slot-scope="scope">
+          <el-select v-model="scope.row.delivery_way" placeholder="请选择">
+            <el-option
+              v-for="(item,index) in drugways"
+              :key="index"
+              :label="item.name"
+              :value="item.name">
+            </el-option>
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="100" label="频率">
+        <template slot-scope="scope">
+          <el-select v-model="scope.row.execution_frequency" placehold er="请选择">
+            <el-option
+              v-for="item,index in efs"
+              :key="index"
+              :label="item.name"
+              :value="item.name">
+            </el-option>
+          </el-select>
+        </template>
+      </el-table-column>
+
+
+      <el-table-column align="center" prop="day" width="50" label="天数">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.day" @input="getDay(scope)" placeholder=""></el-input>
+          <div>{{'天'}}</div>
+
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="prescribing_number" width="80" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;align-items:center;">
+            <el-input v-model="scope.row.prescribing_number" style="width:60%" placeholder=""></el-input>
+            <div> {{scope.row.prescribing_number_unit}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="retail_price" width="60" label="单价">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.retail_price" placeholder="" readonly></el-input>
+          <div>{{'元'}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="remark" width="50" label="备注">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.remark" :title="scope.row.remark" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" width="40" prop="name" label="操作">
+        <template slot-scope="scope">
+          <i class="el-icon-delete" @click="deleteDrug(scope.$index, scope.row)"></i>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <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="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="project_name" label="名称">
+        <template slot-scope="scope"><span :title="scope.row.project_name">{{ scope.row.project_name }}</span></template>
+      </el-table-column>
+      <el-table-column align="center" prop="statistical_classification" width="100" label="组">
+        <template slot-scope="scope">{{getGroup(scope.row.statistical_classification)}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.single_dose" @input="getProjectSingleDose(scope)" placeholder=""></el-input>
+          <div>{{scope.row.unit}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="80" label="用法">
+        <template slot-scope="scope">
+          <el-autocomplete
+            style="width:100%;"
+            class="inline-input"
+            v-model="scope.row.delivery_way"
+            :fetch-suggestions="querySearch2"
+            placeholder="请输入内容"
+          ></el-autocomplete>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="80" 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="50" label="天数">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.number_days" @input="getProjectDay(scope)" placeholder=""></el-input>
+          <div>{{'天'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="total" width="70" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;align-items:center;">
+            <el-input v-model="scope.row.total" style="width:60%" placeholder=""></el-input>
+            <div>{{scope.row.unit}}</div>
+
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="单价">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.price" placeholder="" readonly></el-input>
+          <div>{{'元'}}</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="备注">
+        <template slot-scope="scope">
+           <el-input v-model="scope.row.remark" :title="scope.row.remark"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" width="40" prop="name" label="操作">
+        <template slot-scope="scope">
+          <i class="el-icon-delete" @click="deleteProject(scope.row,scope.$index)"></i>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="additionalBox">
+      <div class="additionalOne" v-for="(item,index) in prescription.addition" :key="index">
+        <span :title="item.item_name">{{item.item_name}}</span>
+        <el-input v-model="item.price" placeholder="" style="width:50px;"></el-input>
+        共
+        <el-input v-model="item.count" placeholder="" style="width:50px;"></el-input>
+        次
+        <i class="el-icon-delete deleteIcon" @click="delAddition(index,item)"></i>
+      </div>
+    </div>
+
+
+
+  </div>
+</template>
+
+<script>
+  import { getDictionaryDataConfig} from "@/utils/data";
+  import { getInitData,delHisAdvice,delHisProject,delHisAddition } from '@/api/his/his'
+
+  export default {
+    props: {
+      preDrugs: Array,
+      activeType: Number,
+      addtions_charge:Array,
+      prescription:{
+        type:Object,
+        default: function () {
+          return {
+            name:"",
+            advices:[],
+            project:[],
+            drugways:[],
+            efs:[],
+          };
+        }
+      },
+    },
+    data() {
+      return {
+        advices:[],
+        tableData: [],
+        newoptions: [{
+          value: '1',
+          label: '1'
+        }, {
+          value: '2',
+          label: '2'
+        }, {
+          value: '3',
+          label: '3'
+        }, {
+          value: '4',
+          label: '4'
+        }, {
+          value: '5',
+          label: '5'
+        }],
+        value: '1',
+        input: 1,
+      }
+    },
+
+   methods:{
+     createFilter(queryString) {
+       return (restaurant) => {
+         return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
+       }
+     },
+     querySearch2(queryString, cb) {
+       var restaurants = this.getDictionaryDataConfig("system","project_use");
+       restaurants.map(item => {
+         item.value = item.name
+       });
+       var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+       // 调用 callback 返回建议列表的数据
+       cb(results)
+     },
+     delAddition(index, addition){
+       if(this.prescription.order_status == 2){
+         this.$message.error('该处方已经结算，无法删除');
+         return
+       }
+       this.$confirm("附加费删除后不可恢复，是否确认删除", "删除", {
+         confirmButtonText: "确 定",
+         cancelButtonText: "取 消",
+         type: "warning"
+       }).then(() => {
+         this.$nextTick(function(){
+           if(addition.id == 0){
+             this.prescription.addition.splice(index, 1)
+           }else{
+             let params = {
+               'id': addition.id,
+             };
+             delHisAddition(params).then(response => {
+               if (response.data.state == 0) {
+                 this.$message.error(response.data.msg);
+                 return false
+               } else {
+                 var temp2 = this.deepClone(this.prescription.addition);
+                 temp2.splice(index, 1);
+                 this.prescription.addition = temp2;
+                 this.$message.success(response.data.data.msg)
+               }
+             })
+           }
+         });
+
+       })
+         .catch(() => {});
+
+     },
+      getInitData(){
+        getInitData().then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.drugways = response.data.data.drugways;
+            this.efs = response.data.data.efs
+          }
+        })
+
+      },deleteDrug:function(index, row){
+       if(this.prescription.order_status == 2){
+         this.$message.error('该处方已经结算，无法删除');
+         return
+       }
+       this.$confirm("药品删除后不可恢复，是否确认删除", "删除", {
+         confirmButtonText: "确 定",
+         cancelButtonText: "取 消",
+         type: "warning"
+       }).then(() => {
+         this.$nextTick(function(){
+           if(row.advice_id == 0){
+             this.prescription.advices.splice(index, 1)
+           }else{
+             let params = {
+               'id': row.advice_id,
+             };
+             delHisAdvice(params).then(response => {
+               if (response.data.state == 0) {
+                 this.$message.error(response.data.msg);
+                 return false
+               } else {
+                 var temp2 = this.deepClone(this.prescription.advices);
+                 temp2.splice(index, 1);
+                 this.prescription.advices = temp2;
+                 this.$message.success(response.data.data.msg)
+               }
+             })
+
+
+           }
+
+         });
+
+
+       })
+         .catch(() => {});
+
+
+
+
+
+      },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
+     },
+
+      setNewData:function(data){
+        this.prescription = data
+
+        // this.prescription.advices = data.advices
+      },
+      getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+      },
+      getGroup(id){
+         var name = "";
+          var statistics_category =  getDictionaryDataConfig('system','statistics_category');
+          console.log("2235",statistics_category);
+          for(let i=0;i<statistics_category.length;i++){
+             if(id == statistics_category[i].id){
+                 name = statistics_category[i].name
+             }
+          }
+         return name
+      },
+      deleteProject(row,i){
+        if(this.prescription.order_status == 2){
+          this.$message.error('该处方已经结算，无法删除');
+          return
+        }
+        this.$confirm("项目删除后不可恢复，是否确认删除", "删除", {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning"
+        }).then(() => {
+          if(row.id == 0){
+            this.prescription.project.splice(i, 1)
+
+          }else{
+            let params = {
+              'id': row.id,
+            };
+            delHisProject(params).then(response => {
+              if (response.data.state == 0) {
+                this.$message.error(response.data.msg);
+                return false
+              } else {
+                for (let i = 0; i < this.prescription.project.length; i++){
+                  if(this.prescription.project[i].id == row.id){
+                    this.prescription.project.splice(i, 1)
+                  }
+                }
+                this.$message.success(response.data.data.msg)
+              }
+            })
+          }
+        })
+          .catch(() => {});
+
+      },
+      getSingleDose(scope){
+        // this.prescription.advices[scope.$index].prescribing_number = scope.row.single_dose * scope.row.day
+      },
+      getDay(scope){
+        // this.prescription.advices[scope.$index].prescribing_number = scope.row.single_dose * scope.row.day
+      },
+      getProjectSingleDose(scope){
+        // this.prescription.project[scope.$index].total = scope.row.single_dose * scope.row.number_days
+      },
+      getProjectDay(scope){
+        // this.prescription.project[scope.$index].total = scope.row.single_dose * scope.row.number_days
+      }
+    },mounted(){
+      this.getInitData()
+
+    },
+    watch:{
+      // "prescription.advices":{
+      //   handler(newVal,oldVal){
+      //     newVal.map(item => {
+      //       item.prescribing_number = item.single_dose * item.day
+      //       if(item.single_dose != oldVal[index].single_dose || item.number_days != oldVal[index].number_days){
+      //         item.total = item.single_dose * item.number_days
+      //       }
+
+
+      //     })
+      //   },
+      //   deep:true
+      // },
+      // "prescription.project":{
+      //   handler(newVal,oldVal){
+      //     newVal.map((item,index) => {
+      //       if(item.single_dose != oldVal[index].single_dose || item.number_days != oldVal[index].number_days){
+      //         item.total = item.single_dose * item.number_days
+      //       }
+
+      //     })
+      //   },
+      //   deep:true
+      // }
+    }
+
+  }
+</script>
+
+<style lang="scss">
+  .prescriptionTable {
+    .el-input__inner{
+      padding: 0 5px;
+    }
+    .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:80px;
+          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/hospitalStation/components/recordHistoryDetail.vue

@@ -0,0 +1,105 @@
+<template>
+    <el-dialog
+        title="病历历史详情"
+        width="1000px"
+        :visible.sync="visible"
+        :before-close="_close"
+        class="recordDialog"
+        append-to-body
+    >
+        <div class="detailMain">
+            <span style="width:240px;">病历编号：11111111111111111</span>
+            <span style="width:240px;">医生：</span>
+            <span style="width:240px;">创建日期：11111111111111111</span>
+        </div>
+        <div class="detailMain">
+            <span style="width:240px;">关系联系人：无</span>
+            <span style="width:240px;">关系联系方式：无</span>
+        </div>
+        <p>体格检查</p>
+        <div class="detailMain">
+            <span style="margin: 0 0 0 40px;width:140px;">体温：℃</span>
+            <span style="width:140px;">呼吸：0 次/分</span>
+            <span style="width:140px;">脉搏：0 次/分</span>
+            <span style="width:200px;">血压：0。00~0.00 mmHg</span>
+        </div>
+        <div class="detailMain">
+            <span style="margin: 0 0 0 40px;width:140px;">血糖：0 mmol/L</span>
+            <span style="width:140px;">血脂：0 mmol/L</span>
+            <span style="width:140px;">身高：0 cm</span>
+            <span style="width:200px;">体重：0 kg</span>
+        </div>
+        <div class="detailMain">
+            <span style="width:220px;">疾病名称：无</span>
+            <span style="width:220px;">症状：无</span>
+            <span style="width:220px;">发病日期：</span>
+            <span style="width:220px;">是否传染：否</span>
+        </div>
+        <div class="detailMain">
+            <span>主诉：</span>
+        </div>
+        <div class="detailMain">
+            <span>现病史：</span>
+        </div>
+        <div class="detailMain">
+            <span>诊断信息：</span>
+        </div>
+        <div class="detailMain">
+            <span>医嘱：</span>
+        </div>
+        <div class="detailMain">
+            <span>过敏史：</span>
+        </div>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary"  @click="submitAction()">保 存</el-button>
+        </div>
+    </el-dialog>         
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            visible:false,
+            form:{
+                name:''
+            },
+        }
+    },
+    methods:{
+        _close: function(done) {
+            // this.clear()
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show() {
+            // this.clear()
+            this.visible = true
+        },
+        hide() {
+            // this.clear()
+            this.visible = false
+        },
+    }
+}
+</script>
+
+<style lang="scss">
+.recordDialog{
+    .el-dialog__body{
+        padding-top:0;
+    }
+}
+.detailMain{
+    padding:5px;
+    span{
+        display: inline-block;
+    }
+}
+</style>
+

src/xt_pages/hospitalStation/components/recordTemplateDetail.vue

@@ -0,0 +1,378 @@
+<template>
+    <el-dialog
+      title="病历模板详情"
+      width="1000px"
+      :visible.sync="visible"
+      :before-close="_close"
+      class="recordDialog"
+      append-to-body
+    >
+        <el-form class="recordForm" :model="form" ref="form" label-width="80px">
+          <el-form-item label="模板名称: " prop="name" style="width:100%;">
+            <el-input v-model="form.template_name" placeholder=""></el-input>
+          </el-form-item>
+          <el-form-item label="模板说明: " prop="name" style="width:100%;">
+            <el-input v-model="form.template_remark" placeholder=""></el-input>
+          </el-form-item>
+          <el-form-item label="主诉:" class="width50">
+            <el-select @change="changeMainTemplate" v-model="value" style="width:100%;margin-bottom:10px;">
+              <el-option
+                v-for="(item, index) in tabledata"
+                :label="item.title"
+                :value="item.content"
+                :key="index"
+              ></el-option>
+            </el-select>
+            <el-input
+              type="textarea"
+              :rows="2"
+              placeholder="请输入内容"
+              v-model="form.chief_conplaint">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="现病史:" class="width50">
+            <el-select @change="changeMainTemplateOne" v-model="valueOne" style="width:100%;margin-bottom:10px;">
+              <el-option
+                v-for="(item, index) in tabledataOne"
+                :label="item.title"
+                :value="item.content"
+                :key="index"
+              ></el-option>
+            </el-select>
+            <el-input
+              type="textarea"
+              :rows="2"
+              placeholder="请输入内容"
+              v-model="form.history_of_present_illness">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="既往史:" class="width50">
+            <el-select @change="changeMainTemplateTwo" v-model="valueTwo" style="width:100%;margin-bottom:10px;">
+              <el-option
+                v-for="(item, index) in tabledataTwo"
+                :label="item.title"
+                :value="item.content"
+                :key="index"
+              ></el-option>
+            </el-select>
+            <el-input
+              type="textarea"
+              :rows="2"
+              placeholder="请输入内容"
+              v-model="form.past_history">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="个人史:" class="width50">
+            <el-select @change="changeMainTemplateThree" v-model="valueThree" style="width:100%;margin-bottom:10px;">
+              <el-option
+                v-for="(item, index) in tabledataThree"
+                :label="item.title"
+                :value="item.content"
+                :key="index"
+              ></el-option>
+            </el-select>
+            <el-input
+              type="textarea"
+              :rows="2"
+              placeholder="请输入内容"
+              v-model="form.personal_history">
+            </el-input>
+          </el-form-item>
+          <el-form-item  label="家族史:" class="width50">
+            <el-select @change="changeMainTemplateFour" v-model="valueFour" style="width:100%;margin-bottom:10px;">
+              <el-option
+                v-for="(item, index) in tabledataFour"
+                :label="item.title"
+                :value="item.content"
+                :key="index"
+              ></el-option>
+            </el-select>
+            <el-input
+            type="textarea"
+            :rows="2"
+            placeholder="请输入内容"
+            v-model="form.family_history">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="诊断信息:" class="width50">
+            <el-select @change="changeMainTemplateFive" v-model="valueFive" style="width:100%;margin-bottom:10px;">
+              <el-option
+                v-for="(item, index) in tabledataFive"
+                :label="item.title"
+                :value="item.content"
+                :key="index"
+              ></el-option>
+            </el-select>
+            <el-input
+              type="textarea"
+              :rows="2"
+              placeholder="请输入内容"
+              v-model="form.diagnostic">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="医嘱:" class="width50">
+            <el-select @change="changeMainTemplateSix" v-model="valueSix" style="width:100%;margin-bottom:10px;">
+              <el-option
+                v-for="(item, index) in tabledataSix"
+                :label="item.title"
+                :value="item.content"
+                :key="index"
+              ></el-option>
+            </el-select>
+            <el-input
+              type="textarea"
+              :rows="2"
+              placeholder="请输入内容"
+              v-model="form.doctor_advice">
+            </el-input>
+          </el-form-item>
+
+          <el-form-item label ="备注"  prop="name" class="width50">
+            <el-input
+              type="textarea"
+              :rows="2"
+              placeholder="请输入内容"
+              v-model="form.remark">
+            </el-input>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary"  @click="submitAction()">保 存</el-button>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+import { getTemplateDetail,updateRecordTemplate,getMedicalTemplateList } from "@/api/project/project"
+export default {
+    data(){
+        return{
+            visible:false,
+            form:{
+              id:0,
+              template_name:'',
+              template_remark:"",
+              chief_conplaint:"",
+              history_of_present_illness:"",
+              past_history:"",
+              personal_history:"",
+              family_history:"",
+              diagnostic:"",
+              remark:'',
+              doctor_advice:'',
+
+            },
+            textarea:"",
+            templatedetail:{},
+            tabledata:[],
+            tabledataOne:[],
+            tabledataTwo:[],
+            tabledataThree:[],
+            tabledataFour:[],
+            tabledataFive:[],
+            tabledataSix:[],
+            tabledataSeven:[],
+            value:'',
+            valueOne:'',
+            valueTwo:'',
+            valueThree:'',
+            valueFour:'',
+            valueFive:'',
+            valueSix:'',
+            valueSeven:''
+        }
+    },
+    methods:{
+        _close: function(done) {
+            // this.clear()
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show(id) {
+          this.getTemplateDetail(id);
+          this.visible = true
+
+        },
+        hide() {
+            // this.clear()
+            this.visible = false
+        },
+        getTemplateDetail(id){
+          getTemplateDetail(id).then(response=>{
+              if(response.data.state == 1){
+                var templatedetail =  response.data.data.templateDetail;
+                console.log("templatedetail",templatedetail);
+                this.form.id = templatedetail.id;
+                this.form.template_name =   templatedetail.template_name;
+                this.form.template_remark = templatedetail.template_remark;
+                this.form.chief_conplaint =  templatedetail.chief_conplaint;
+                this.form.history_of_present_illness =  templatedetail.history_of_present_illness;
+                this.form.past_history =  templatedetail.past_history;
+                this.form.personal_history =    templatedetail.personal_history;
+                this.form.family_history = templatedetail.family_history;
+                this.form.diagnostic = templatedetail.diagnostic;
+                this.form.doctor_advice = templatedetail.doctor_advice;
+                this.form.remark = templatedetail.remark
+              }
+          })
+        },
+        submitAction(){
+          var params = {
+            id:this.form.id,
+            template_name:this.form.template_name,
+            template_remark:this.form.template_remark,
+            chief_conplaint:this.form.chief_conplaint,
+            history_of_present_illness:this.form.history_of_present_illness,
+            past_history:this.form.past_history,
+            personal_history:this.form.personal_history,
+            family_history:this.form.family_history,
+            diagnostic:this.form.diagnostic,
+            doctor_advice:this.form.doctor_advice,
+            remark:this.form.remark
+          };
+          updateRecordTemplate(params).then(response=>{
+             if(response.data.state == 1){
+                var template =  response.data.data.templateDetail;
+                this.$message.success("保存成功");
+                this.visible = false
+                // this.$parents.getlist()
+             }
+          })
+        },
+
+         getlist(){
+           getMedicalTemplateList().then(response=>{
+           if(response.data.state == 1){
+             var list =  response.data.data.list;
+             console.log("list",list);
+             this.tabledata = list;
+             this.tabledataOne =  response.data.data.listOne;
+             this.tabledataTwo = response.data.data.listTwo;
+             this.tabledataThree = response.data.data.listThree;
+             this.tabledataFour =  response.data.data.listFour;
+             this.tabledataFive = response.data.data.listFive;
+             this.tabledataSix = response.data.data.listSix;
+             this.tabledataSeven =  response.data.data.listSeven
+           }
+        })
+       },
+
+       changeMainTemplate(values){
+         if(this.case_history.chief_conplaint == ''){
+           this.case_history.chief_conplaint = values
+         } else {
+          if (this.case_history.chief_conplaint.indexOf(values) == -1) {
+            if (this.case_history.chief_conplaint.charAt(this.case_history.chief_conplaint.length - 1).indexOf('。') == -1) {
+              this.case_history.chief_conplaint = this.case_history.chief_conplaint + ',' + values
+            } else {
+              this.case_history.chief_conplaint = this.case_history.chief_conplaint + values
+            }
+          }
+        }
+       },
+       changeMainTemplateOne(values){
+          if(this.case_history.history_of_present_illness == ''){
+           this.case_history.history_of_present_illness = values
+         } else {
+          if (this.case_history.history_of_present_illness.indexOf(values) == -1) {
+            if (this.case_history.history_of_present_illness.charAt(this.case_history.history_of_present_illness.length - 1).indexOf('。') == -1) {
+              this.case_history.history_of_present_illness = this.case_history.history_of_present_illness + ',' + values
+            } else {
+              this.case_history.history_of_present_illness = this.case_history.history_of_present_illness + values
+            }
+          }
+        }
+      },
+      changeMainTemplateTwo(values){
+         if(this.case_history.past_history == ''){
+           this.case_history.past_history = values
+         } else {
+          if (this.case_history.past_history.indexOf(values) == -1) {
+            if (this.case_history.past_history.charAt(this.case_history.past_history.length - 1).indexOf('。') == -1) {
+              this.case_history.past_history = this.case_history.past_history + ',' + values
+            } else {
+              this.case_history.past_history = this.case_history.past_history + values
+            }
+          }
+        }
+      },
+      changeMainTemplateThree(values){
+         if(this.case_history.personal_history == ''){
+           this.case_history.personal_history = values
+         } else {
+          if (this.case_history.personal_history.indexOf(values) == -1) {
+            if (this.case_history.personal_history.charAt(this.case_history.personal_history.length - 1).indexOf('。') == -1) {
+              this.case_history.personal_history = this.case_history.personal_history + ',' + values
+            } else {
+              this.case_history.personal_history = this.case_history.personal_history + values
+            }
+          }
+        }
+      },
+      changeMainTemplateFour(values){
+          if(this.case_history.family_history == ''){
+           this.case_history.family_history = values
+         } else {
+          if (this.case_history.family_history.indexOf(values) == -1) {
+            if (this.case_history.family_history.charAt(this.case_history.family_history.length - 1).indexOf('。') == -1) {
+              this.case_history.family_history = this.case_history.family_history + ',' + values
+            } else {
+              this.case_history.family_history = this.case_history.family_history + values
+            }
+          }
+        }
+      },
+
+      changeMainTemplateFive(values){
+          if(this.case_history.diagnostic == ''){
+           this.case_history.diagnostic = values
+         } else {
+          if (this.case_history.diagnostic.indexOf(values) == -1) {
+            if (this.case_history.diagnostic.charAt(this.case_history.diagnostic.length - 1).indexOf('。') == -1) {
+              this.case_history.diagnostic = this.case_history.diagnostic + ',' + values
+            } else {
+              this.case_history.diagnostic = this.case_history.diagnostic + values
+            }
+          }
+        }
+      },
+      changeMainTemplateSix(values){
+          if(this.case_history.doctor_advice == ''){
+           this.case_history.doctor_advice = values
+         } else {
+          if (this.case_history.doctor_advice.indexOf(values) == -1) {
+            if (this.case_history.doctor_advice.charAt(this.case_history.doctor_advice.length - 1).indexOf('。') == -1) {
+              this.case_history.doctor_advice = this.case_history.doctor_advice + ',' + values
+            } else {
+              this.case_history.doctor_advice = this.case_history.doctor_advice + values
+            }
+          }
+        }
+      },
+    },
+
+    created(){
+       this.getlist()
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.recordForm{
+  display: flex;
+  flex-wrap: wrap;
+  .el-form-item{
+    width:24%;
+    margin-right: 1%;
+  }
+  .width50{
+    width: 49%;
+  }
+}
+</style>
+

src/xt_pages/hospitalStation/components/registerDialog.vue

@@ -0,0 +1,562 @@
+<template>
+  <el-dialog width="854px" class="registerDialog" :title="titles" :visible.sync="visibility"
+             :close-on-click-modal="isClose"
+             :close-on-press-escape="isClose">
+
+    <el-form :model="form" :rules="rules" ref="formValue" label-width="100px">
+      <el-form-item label="患者姓名：" prop="name" :validate-event="is_Name">
+        <el-autocomplete
+          class="checkSearch"
+          popper-class="my-autocomplete"
+          v-model="form.name"
+          :fetch-suggestions="querySearchAsync"
+          :trigger-on-focus="false"
+          placeholder="请输入病人名字"
+          @select="handleSelect"
+          style="width:160px;"
+        >
+          <i class="el-icon-search el-input__icon" slot="suffix"></i>
+          <template slot-scope="{ item }">
+            <div class="name">{{ item.name }}</div>
+          </template>
+        </el-autocomplete>
+      </el-form-item>
+
+      <el-form-item label="性别：" prop="gender" :validate-event="is_Name">
+        <el-select v-model="form.gender" placeholder="请选择" style="width:100%;">
+          <el-option
+            v-for="item in sex"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+
+
+      </el-form-item>
+
+      <el-form-item label="年龄：" prop="age" :validate-event="is_Name">
+        <el-input v-model="form.age"></el-input>
+      </el-form-item>
+
+
+      <el-form-item label="出生日期：" prop="birthday" :validate-event="is_Name">
+        <el-date-picker v-model="form.birthday" type="date" format="yyyy-MM-dd"
+                        value-format="yyyy-MM-dd" placeholder="选择日期" style="width:100%;"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="手机号码：" prop="phone">
+        <el-input v-model="form.phone"></el-input>
+      </el-form-item>
+
+
+      <el-form-item label="医疗类别：">
+        <el-select v-model="form.medical_care" placeholder="请选择" style="width:100%;">
+          <el-option
+            v-for="(item,index) in medical_care"
+            :key="index"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+
+      <el-form-item label="证件类型：" prop="certificates" :validate-event="is_Name">
+        <el-select v-model="form.certificates" placeholder="请选择" style="width:100%;">
+          <el-option
+            v-for="item in certificates"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="证件号码：" prop="id_card" :validate-event="is_Name">
+        <el-input v-model="form.id_card"></el-input>
+      </el-form-item>
+
+      <el-form-item label="处方类型：" prop="p_type" :validate-event="is_Name">
+        <el-select style="margin-right:5px;width:100px;" v-model="form.p_type" placeholder=""
+                   >
+          <el-option
+            v-for="(item,index) in registers"
+            :key="index"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="大病类别：" prop="sick_type" :validate-event="is_Name">
+        <el-select style="margin-right:5px;width:100px;" v-model="form.sick_type" placeholder="">
+          <el-option
+            v-for="(item,index) in sick"
+            :key="index"
+            :label="item.class_name"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="诊断：" prop="diagnosis" :validate-event="is_Name">
+        <el-select style="margin-right:5px;width:100px;" v-model="form.diagnosis" placeholder="">
+          <el-option
+            v-for="(item,index) in diagnoses"
+            :key="index"
+            :label="item.class_name"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+
+      <el-form-item label="结算类型：">
+        <el-select v-model="form.settlement_value" placeholder="请选择" style="width:100%;">
+          <el-option
+            v-for="item in settlement"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+
+      <el-form-item label="社保类型：">
+        <el-select v-model="form.social_type" placeholder="请选择" style="width:100%;">
+          <el-option
+            v-for="item in medicalCare"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+
+      <el-form-item label="读卡类型：" prop="id_card_type" :validate-event="is_Name">
+        <el-select v-model="form.id_card_type" placeholder="请选择">
+          <el-option
+            v-for="item in IDCardTypes"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+
+      <el-form-item class="specialFormItem" label="医保卡号：">
+        <div style="display:flex;">
+          <el-input v-model="form.medical_insurance_card"></el-input>
+          <el-button style="margin-left:10px;" type="primary" @click="reading">读卡</el-button>
+
+        </div>
+      </el-form-item>
+
+      <el-form-item label="挂号类型：" prop="register" :validate-event="is_Name">
+        <el-select v-model="form.register" placeholder="请选择" style="width:100%;">
+          <el-option
+            v-for="item in register"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="挂号费：">
+        <el-input  v-model="form.registration_fee"></el-input>
+      </el-form-item>
+      <el-form-item label="诊疗费：">
+        <el-input v-model="form.medical_expenses"></el-input>
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+    <el-button @click="cancel('formValue')">取 消</el-button>
+    <el-button type="primary" @click="confirm('formValue')">挂 号</el-button>
+  </span>
+  </el-dialog>
+
+</template>
+
+<script>
+  import {uParseTime,jsGetAge} from "@/utils/tools";
+  import axios from 'axios'
+  import {PostSearch} from '@/api/patient'
+
+  import {getDictionaryDataConfig} from '@/utils/data'
+
+  export default {
+
+    name: 'registerDialog',
+
+    data() {
+
+      return {
+        registers: [
+          {value: 11, label: "普通门诊"},
+          {value: 12, label: '门诊挂号'},
+          {value: 13, label: "急诊"},
+          {value: 14, label: "门诊特殊病"},
+          {value: 15, label: "门诊统筹"},
+          {value: 16, label: "门诊慢性病"},
+          {value: 21, label: "普通住院"},
+        ],
+        medical_care:[
+          {value: 11, label: "普通门诊"},
+          {value: 12, label: '家庭通道'},
+          {value: 13, label: "门诊大病"},
+          {value: 14, label: "重疾特药"},
+          {value: 15, label: "门诊慢病"},
+          {value: 16, label: "门诊特检"},
+          {value: 17, label: "健康体检"},
+          {value: 18, label: "预防接种"},
+          {value: 19, label: "门诊输血"},
+          {value: 91, label: "新冠肺炎门诊"},
+        ],
+
+
+
+
+        form: {
+          id: '',
+          settlement_value: '',
+          medical_insurance_card: '',
+          name: '',
+          gender: '',
+          certificates: 1,
+          p_type:'',
+          sick_type:'',
+          diagnosis:'',
+          medical_care: '',
+          birthday: '',
+          age: '',
+          id_card: '',
+          register: '',
+          doctor: '',
+          id_card_type: 1,
+          department: '',
+          registration_fee: '',
+          medical_expenses: '',
+          cost: '',
+          phone: '',
+          social_type: '',
+        }, IDCardTypes: [{
+          value: 1,
+          label: '社保卡'
+        }, {
+          value: 2,
+          label: "身份证"
+        }, {
+          value: 3,
+          label: "电子凭证"
+        },],
+        settlement: [
+          {value: 1, label: '医保'},
+          {value: 2, label: '自费'},
+          {value: 3, label: '公费'},
+          {value: 4, label: '农保'},
+          {value: 5, label: '会员'},
+          {value: 6, label: '职工'},
+          {value: 7, label: '合同'}
+        ],
+        sex: [{
+          value: 1,
+          label: '男'
+        }, {
+          value: 2,
+          label: '女'
+        }],
+        certificates: [{
+          value: 1,
+          label: '内地身份证'
+        }, {
+          value: 2,
+          label: "社保卡"
+        }, {
+          value: 3,
+          label: "护照"
+        }, {
+          value: 4,
+          label: "军官证"
+        }, {
+          value: 5,
+          label: "台胞证"
+        }, {
+          value: 6,
+          label: "港澳地区身份证"
+        }],
+        medicalCare: [{
+          value: 1,
+          label: '职工基本医疗保险'
+        }, {
+          value: 2,
+          label: "公务员医疗补助"
+        }, {
+          value: 3,
+          label: "大额医疗费用补助"
+        }, {
+          value: 4,
+          label: "离休人员医疗"
+        }, {
+          value: 5,
+          label: "城乡居民基本医疗保险"
+        }, {
+          value: 6,
+          label: "城乡居民大病医疗保险"
+        }, {
+            value: 7,
+            label: "生育保险"
+          }],
+        register: [{
+          value: 1,
+          label: '普通'
+        }, {
+          value: 2,
+          label: "主治"
+        }, {
+          value: 3,
+          label: "主任"
+        }, {
+          value: 4,
+          label: "免收诊金"
+        }, {
+          value: 5,
+          label: "专家"
+        }],
+        rules: {
+          name: [{required: true, message: "患者姓名不能为空", trigger: 'blur'}],
+          gender: [{required: true, message: "患者性别不能为空", trigger: 'blur'}],
+          id_card: [{required: true, message: '证件号码不能为空', trigger: 'blur'}],
+          register: [{required: true, message: '请选择挂号类型', trigger: 'blur'}],
+          doctor: [{required: true, message: '请选择医生', trigger: 'blur'}],
+          department: [{required: true, message: '请填写科室', trigger: 'blur'}],
+          age: [{required: true, message: "患者年龄不能为空", trigger: 'blur'}],
+          birthday: [{required: true, message: "患者出生日期不能为空", trigger: 'blur'}],
+          certificates: [{required: true, message: "证件类型不能为空", trigger: 'change'}],
+          id_card_type: [{required: true, message: "读卡类型不能为空", trigger: 'change'}],
+          p_type: [{required: true, message: "处方类型不能为空", trigger: 'change'}],
+          sick_type: [{required: true, message: "大病类别不能为空", trigger: 'change'}],
+          diagnosis: [{required: true, message: "诊断不能为空", trigger: 'change'}],
+        },
+        visibility: false,
+        labelPosition: 'right',
+        isClose: false,
+        resetForm: {
+          settlement_value: '',
+          medical_insurance_card: '',
+          name: '',
+          gender: '',
+          certificates: '',
+          id_card_type: '',
+          medical_care: '',
+          birthday: '',
+          age: '',
+          id_card: '',
+          register: '',
+          doctor: '',
+          department: '',
+          registration_fee: '',
+          medical_expenses: '',
+          cost: '',
+          phone: '',
+          social_type: '',
+        },
+
+      }
+    },
+    props: {
+
+      titles: {
+        type: String,
+        default: ''
+      },
+      formValue: {
+        type: Object
+      },
+      type: {
+        type: Number,
+        default: 1
+
+      },
+      isCreated: {
+        type: Number,
+        default: 1
+
+      },
+      sick: Array,
+      diagnoses: Array,
+    },
+    methods: {
+      handleSelect(val) {
+        this.form.id = val.id;
+        this.form.name = val.name;
+        this.form.gender = val.gender;
+        this.form.birthday = uParseTime(val.birthday, '{y}-{m}-{d}');
+        this.form.phone = val.phone;
+        this.form.id_card = val.id_card_no;
+        var thisLen =  this.form.id_card.length;
+        var birth = "";
+        if (thisLen == 15) {
+          birth = "19" + this.form.id_card.substr(6, 6);
+        } else {
+          birth = this.form.id_card.substr(6, 8);
+        }
+        var births =
+                birth.substr(0, 4) +
+                "-" +
+                birth.substr(4, 2) +
+                "-" +
+                birth.substr(6, 2);
+        this.form.age = jsGetAge(births, "-");
+      },
+      querySearchAsync(keyword, cb) {
+        let key = '';
+        if (keyword != undefined) {
+          key = keyword
+        }
+        let searchArray = [];
+        PostSearch(key).then(response => {
+          if (response.data.state == 1) {
+            searchArray = response.data.data.patient;
+            cb(searchArray)
+          } else {
+            cb([])
+          }
+        })
+      },
+      reading(medicalInsuranceCard) {
+        var that = this;
+        if (this.form.id_card_type.length == 0 || this.form.id_card_type == 0) {
+          this.$message.error("请先选择读卡类型");
+          return
+        }
+        let params = {
+          'id_card_type': this.form.id_card_type,
+          'admin_user_id':this.$store.getters.xt_user.user.id,
+
+        };
+        axios.get('http://127.0.0.1:9532/api/sscard', {
+          params: params
+        })
+          .then(function (response) {
+            if (response.data.state == 0) {
+              that.$message.error(response.data.msg);
+              return false
+            } else {
+              var patient = response.data.data.patient;
+
+              if (that.form.id_card_type == 1) {
+                this.form.id = patient.id;
+                that.form.name = patient.name;
+                that.form.sex = patient.gender;
+                that.form.age = patient.age;
+                that.form.birthday = uParseTime(patient.birthday, '{y}-{m}-{d}');
+                that.form.phone = patient.phone;
+                that.form.idCard = patient.id_card_no;
+                that.form.medicalInsuranceCard = response.data.data.number
+
+              } else if (that.form.id_card_type == 2) {
+                this.form.id = patient.id;
+                that.form.name = patient.name;
+                that.form.sex = patient.gender;
+                that.form.age = patient.age;
+                that.form.birthday = uParseTime(patient.birthday, '{y}-{m}-{d}');
+                that.form.phone = patient.phone;
+                that.form.idCard = patient.id_card_no
+              }
+              that.$message({message: '读卡成功', type: 'success'})
+            }
+          })
+          .catch(function (error) {
+
+          });
+
+
+      },
+      getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+      },
+    show: function() {
+        this.visibility = true;
+        // this.form = Object.assign({}, this.resetForm)
+        this.form.id = 0;
+        this.form.settlement_value = '';
+        this.form.medical_insurance_card = '';
+        this.form.name = '';
+        this.form.gender = '';
+        this.form.medical_care = '';
+        this.form.birthda = '';
+        this.form.age = '';
+        this.form.id_card = '';
+        this.form.register = '';
+        this.form.doctor = '';
+        this.form.department = '';
+        this.form.registration_fee = '';
+        this.form.medical_expenses = '';
+        this.form.cost = '';
+        this.form.phone = '';
+        this.form.social_type = '';
+
+        this.form.p_type = 14;
+        this.form.sick_type = this.sick[0].id;
+        this.form.diagnosis = this.diagnoses[0].id;
+        this.form.id_card_type = 2;
+        this.form.certificates = 1
+
+        // this.form.name = patientInfo.name
+        // this.form.gender = patientInfo.gender
+        // this.form.age = patientInfo.age
+        // this.form.birthday = patientInfo.birthday
+        // this.form.phone = patientInfo.phone
+        // this.form.birthday = patientInfo.birthday
+        // this.form.id_card = patientInfo.id_card_no
+        // this.form.social_type = patientInfo.health_care_type
+        // if( this.form.social_type == 0){
+        //   this.form.social_type = ""
+        // }
+
+      },
+
+      hide: function () {
+        this.visibility = false;
+        this.$refs['formValue'].resetFields()
+      }, cancel: function (formName) {
+        this.$emit('cancel', this.getValue());
+        this.$refs['formValue'].resetFields()
+      },
+      confirm: function (formName) {
+        this.$refs['formValue'].validate((valid) => {
+          if (valid) {
+            let value = {};
+            value = this.getValue();
+            this.$emit('confirm', value)
+          }
+        })
+      },
+      getValue: function () {
+        let form = {};
+        form = this.form;
+        return form
+      }
+    }
+
+  }
+</script>
+
+<style lang="scss" scoped>
+  .registerDialog {
+
+  .el-form {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .el-form-item {
+    width: 50%;
+  }
+
+  }
+</style>

src/xt_pages/hospitalStation/components/registerDialog9504.vue

@@ -0,0 +1,537 @@
+<template>
+    <el-dialog width="854px" class="registerDialog" :title="titles" :visible.sync="visibility"
+               :close-on-click-modal="isClose"
+               :close-on-press-escape="isClose">
+
+        <el-form :model="form" :rules="rules" ref="formValue" label-width="100px">
+            <el-form-item label="患者姓名：" prop="name" >
+                <el-autocomplete
+                        class="checkSearch"
+                        popper-class="my-autocomplete"
+                        v-model="form.name"
+                        :fetch-suggestions="querySearchAsync"
+                        :trigger-on-focus="false"
+                        placeholder="请输入病人名字"
+                        @select="handleSelect"
+                        style="width:160px;"
+                >
+                    <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                    <template slot-scope="{ item }">
+                        <div class="name">{{ item.name }}</div>
+                    </template>
+                </el-autocomplete>
+            </el-form-item>
+
+            <el-form-item label="性别：" prop="gender" >
+                <el-select v-model="form.gender" placeholder="请选择" style="width:100%;">
+                    <el-option
+                            v-for="item in sex"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                    </el-option>
+                </el-select>
+
+
+            </el-form-item>
+
+            <el-form-item label="年龄：" prop="age" >
+                <el-input v-model="form.age"></el-input>
+            </el-form-item>
+
+
+            <el-form-item label="出生日期：" prop="birthday" >
+                <el-date-picker v-model="form.birthday" type="date" format="yyyy-MM-dd"
+                                value-format="yyyy-MM-dd" placeholder="选择日期" style="width:100%;"></el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="手机号码：" prop="phone">
+                <el-input v-model="form.phone"></el-input>
+            </el-form-item>
+
+
+            <el-form-item label="医疗类别：" prop="medical_care">
+                <el-select v-model="form.medical_care"  placeholder="请选择" style="width:100%;">
+                    <el-option
+                            v-for="(item,index) in medical_care"
+                            :key="index"
+                            :label="item.label"
+                            :value="item.value">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+
+
+            <el-form-item label="证件类型：" prop="certificates" >
+                <el-select v-model="form.certificates" placeholder="请选择" style="width:100%;">
+                    <el-option
+                            v-for="item in certificates"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+
+            <el-form-item label="证件号码：" prop="id_card">
+                <el-input v-model="form.id_card"></el-input>
+            </el-form-item>
+
+
+
+
+            <el-form-item label="结算类型：">
+                <el-select v-model="form.settlement_value" placeholder="请选择" style="width:100%;">
+                    <el-option
+                            v-for="item in settlement"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+
+
+            <el-form-item label="社保类型：">
+                <el-select v-model="form.social_type" placeholder="请选择" style="width:100%;">
+                    <el-option
+                            v-for="item in medicalCare"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+
+
+            <el-form-item label="读卡类型：" prop="id_card_type">
+                <el-select v-model="form.id_card_type" placeholder="请选择">
+                    <el-option
+                            v-for="item in IDCardTypes"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+
+
+            <el-form-item class="specialFormItem" label="医保卡号：">
+                <div style="display:flex;">
+                    <el-input v-model="form.medical_insurance_card"></el-input>
+                    <el-button style="margin-left:10px;" type="primary" @click="reading" v-loading="read_loading">读卡</el-button>
+
+                </div>
+            </el-form-item>
+
+            <el-form-item label="挂号类型：" prop="register" >
+                <el-select v-model="form.register" placeholder="请选择" style="width:100%;" @change="changeRegister">
+                    <el-option
+                            v-for="item in register"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="挂号费：">
+                <el-input readonly v-model="form.registration_fee"></el-input>
+            </el-form-item>
+            <el-form-item label="诊疗费：">
+                <el-input readonly v-model="form.medical_expenses"></el-input>
+            </el-form-item>
+
+            <el-form-item label="医生：" prop="doctor" >
+                <el-select v-model="form.doctor" placeholder="请选择" @change="changeDoctor">
+                    <el-option
+                            v-for="(item,index) in doctors"
+                            :key="index"
+                            :label="item.user_name"
+                            :value="item.admin_user_id">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+
+            <el-form-item label="科室：" prop="department" >
+                <el-select v-model="form.department" placeholder="请选择">
+                    <el-option
+                            v-for="(item,index) in departments"
+                            :key="index"
+                            :label="item.name"
+                            :value="item.id">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+        </el-form>
+
+        <span slot="footer" class="dialog-footer">
+    <el-button @click="cancel('formValue')">取 消</el-button>
+    <el-button type="primary" @click="confirm('formValue')">挂 号</el-button>
+  </span>
+    </el-dialog>
+
+</template>
+
+<script>
+  import {uParseTime} from "@/utils/tools";
+  import axios from 'axios'
+  import {PostSearch} from '@/api/patient'
+  import {getDictionaryDataConfig} from '@/utils/data'
+  export default {
+    name: 'registerDialog9504',
+
+    data() {
+
+      return {
+        read_loading:false,
+        registers: [
+          {value: 11, label: "普通门诊"},
+          {value: 12, label: '门诊挂号'},
+          {value: 13, label: "急诊"},
+          {value: 14, label: "门诊特殊病"},
+          {value: 15, label: "门诊统筹"},
+          {value: 16, label: "门诊慢性病"},
+          {value: 21, label: "普通住院"},
+        ],
+        medical_care:[
+          {value: 11, label: "普通门诊"},
+          {value: 12, label: '家庭通道'},
+          {value: 13, label: "门诊大病"},
+          {value: 14, label: "重疾特药"},
+          {value: 15, label: "门诊慢病"},
+          {value: 16, label: "门诊特检"},
+          {value: 17, label: "健康体检"},
+          {value: 18, label: "预防接种"},
+          {value: 19, label: "门诊输血"},
+          {value: 91, label: "新冠肺炎门诊"},
+        ],
+
+
+        form: {
+          id: '',
+          settlement_value: '',
+          medical_insurance_card: '',
+          name: '',
+          gender: '',
+          certificates: '',
+          p_type:'',
+          sick_type:'',
+          diagnosis:'',
+          medical_care: '',
+          birthday: '',
+          age: '',
+          id_card: '',
+          register: '',
+          doctor: '',
+          id_card_type: '',
+          department: '',
+          registration_fee: '',
+          medical_expenses: '',
+          cost: '',
+          phone: '',
+          social_type: '',
+        }, IDCardTypes: [{
+          value: 1,
+          label: '社保卡'
+        }],
+        settlement: [
+          {value: 1, label: '医保'},
+          {value: 2, label: '自费'},
+          {value: 3, label: '公费'},
+          {value: 4, label: '农保'},
+          {value: 5, label: '会员'},
+          {value: 6, label: '职工'},
+          {value: 7, label: '合同'}
+        ],
+        sex: [{
+          value: 1,
+          label: '男'
+        }, {
+          value: 2,
+          label: '女'
+        }],
+        certificates: [{
+          value: 1,
+          label: '内地身份证'
+        }, {
+          value: 2,
+          label: "社保卡"
+        }, {
+          value: 3,
+          label: "护照"
+        }, {
+          value: 4,
+          label: "军官证"
+        }, {
+          value: 5,
+          label: "台胞证"
+        }, {
+          value: 6,
+          label: "港澳地区身份证"
+        }],
+        medicalCare: [{
+          value: 1,
+          label: '职工基本医疗保险'
+        }, {
+          value: 2,
+          label: "公务员医疗补助"
+        }, {
+          value: 3,
+          label: "大额医疗费用补助"
+        }, {
+          value: 4,
+          label: "离休人员医疗"
+        }, {
+          value: 5,
+          label: "城乡居民基本医疗保险"
+        }, {
+          value: 6,
+          label: "城乡居民大病医疗保险"
+        }, {
+          value: 7,
+          label: "生育保险"
+        }],
+        register: [{
+          value: 1,
+          label: '普通'
+        }, {
+          value: 2,
+          label: "主治"
+        }, {
+          value: 3,
+          label: "主任"
+        }, {
+          value: 4,
+          label: "免收诊金"
+        }, {
+          value: 5,
+          label: "专家"
+        }],
+        rules: {
+          name: [{required: true, message: "患者姓名不能为空", trigger: 'blur'}],
+          gender: [{required: true, message: "患者性别不能为空", trigger: 'blur'}],
+          id_card: [{required: true, message: '证件号码不能为空', trigger: 'blur'}],
+          register: [{required: true, message: '请选择挂号类型', trigger: 'blur'}],
+          doctor: [{required: true, message: '请选择医生', trigger: 'blur'}],
+          department: [{required: true, message: '请填写科室', trigger: 'blur'}],
+          age: [{required: true, message: "患者年龄不能为空", trigger: 'blur'}],
+          birthday: [{required: true, message: "患者出生日期不能为空", trigger: 'blur'}],
+          certificates: [{required: true, message: "证件类型不能为空", trigger: 'change'}],
+          id_card_type: [{required: true, message: "读卡类型不能为空", trigger: 'change'}],
+          medical_care: [{required: true, message: "医疗类别不能为空", trigger: 'change'}],
+
+        },
+        visibility: false,
+        labelPosition: 'right',
+        isClose: false,
+        resetForm: {
+          settlement_value: '',
+          medical_insurance_card: '',
+          name: '',
+          gender: '',
+          certificates: '',
+          id_card_type: '',
+          medical_care: '',
+          birthday: '',
+          age: '',
+          id_card: '',
+          register: '',
+          doctor: '',
+          department: '',
+          registration_fee: '',
+          medical_expenses: '',
+          cost: '',
+          phone: '',
+          social_type: '',
+        },
+
+      }
+    },
+    props: {
+      departments:{
+        type: Array,
+      },
+      doctors:{
+        type: Array,
+      },
+      titles: {
+        type: String,
+        default: ''
+      },
+      formValue: {
+        type: Object
+      },
+      type: {
+        type: Number,
+        default: 1
+
+      },
+      isCreated: {
+        type: Number,
+        default: 1
+
+      },
+      sick: Array,
+      diagnoses: Array,
+    },
+    methods: {
+      changeDoctor() {
+        for (let i = 0; i < this.doctors.length; i++) {
+          if (this.doctors[i].admin_user_id == this.form.doctor) {
+            console.log(this.doctors[i].department_id);
+            this.form.department = this.doctors[i].department_id;
+            if(this.form.department == 0){
+
+              this.form.department = ""
+            }
+          }
+        }
+      },
+      changeRegister(value){
+        if (value != 4){
+          this.form.registration_fee = 10;
+          this.form.medical_expenses = 0
+        }else{
+          this.form.registration_fee = 0;
+          this.form.medical_expenses = 0
+        }
+      },
+      handleSelect(val) {
+        this.form.id = val.id;
+        this.form.name = val.name;
+        this.form.gender = val.gender;
+        this.form.age = val.age;
+        this.form.birthday = uParseTime(val.birthday, '{y}-{m}-{d}');
+        this.form.phone = val.phone;
+        this.form.id_card = val.id_card_no
+      },
+      querySearchAsync(keyword, cb) {
+        let key = '';
+        if (keyword != undefined) {
+          key = keyword
+        }
+        let searchArray = [];
+        PostSearch(key).then(response => {
+          if (response.data.state == 1) {
+            searchArray = response.data.data.patient;
+            cb(searchArray)
+          } else {
+            cb([])
+          }
+        })
+      },
+      reading() {
+
+        var that = this;
+        if (this.form.id_card_type.length == 0 || this.form.id_card_type == 0) {
+          this.$message.error("请先选择读卡类型");
+          return
+        }
+        let params = {
+          'id_card_type': this.form.id_card_type,
+          'admin_user_id':this.$store.getters.xt_user.user.id,
+
+        };
+        this.read_loading = true;
+        axios.get('http://127.0.0.1:9532/sz/api/readcard', {
+          params: params
+        })
+          .then(function (response) {
+            if (response.data.state == 0) {
+              that.read_loading = false;
+
+              that.$message.error(response.data.msg);
+              return false
+            } else {
+              that.read_loading = false;
+              var patient = response.data.data.patient;
+              if (that.form.id_card_type == 1) {
+                that.form.id = patient.id;
+                that.form.name = patient.name;
+                that.form.gender = patient.gender;
+                that.form.age = patient.age;
+                that.form.birthday = uParseTime(patient.birthday, '{y}-{m}-{d}');
+                that.form.phone = patient.phone;
+                that.form.id_card = patient.id_card_no;
+                that.form.medical_insurance_card = response.data.data.health_card_no
+              } else if (that.form.id_card_type == 2) {
+                this.form.id = patient.id;
+                that.form.name = patient.name;
+                that.form.gender = patient.gender;
+                that.form.age = patient.age;
+                that.form.birthday = uParseTime(patient.birthday, '{y}-{m}-{d}');
+                that.form.phone = patient.phone;
+                that.form.id_card = patient.id_card_no
+              }
+              that.$message({message: '读卡成功', type: 'success'})
+
+            }
+          })
+          .catch(function (error) {
+
+          });
+
+
+      },
+      getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+      },
+      show: function () {
+        this.form = Object.assign({}, this.resetForm);
+        // this.form.name = patientInfo.name
+        // this.form.gender = patientInfo.gender
+        // this.form.age = patientInfo.age
+        // this.form.birthday = patientInfo.birthday
+        // this.form.phone = patientInfo.phone
+        // this.form.birthday = patientInfo.birthday
+        // this.form.id_card = patientInfo.id_card_no
+        // this.form.social_type = patientInfo.health_care_type
+        this.form.id_card_type = 1;
+        this.form.certificates = 1;
+
+        // if( this.form.social_type == 0){
+        //   this.form.social_type = ""
+        //
+        // }
+        this.visibility = true
+
+      }, hide: function () {
+        this.visibility = false;
+        this.$refs['formValue'].resetFields()
+      }, cancel: function (formName) {
+        this.$emit('cancel', this.getValue());
+        this.$refs['formValue'].resetFields()
+      },
+      confirm: function (formName) {
+        this.$refs['formValue'].validate((valid) => {
+          if (valid) {
+            let value = {};
+            value = this.getValue();
+            this.$emit('confirm', value)
+          }
+        })
+      },
+      getValue: function () {
+        let form = {};
+        form = this.form;
+        return form
+      }
+    }
+
+  }
+</script>
+
+<style lang="scss" scoped>
+    .registerDialog {
+
+    .el-form {
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .el-form-item {
+        width: 50%;
+    }
+
+    }
+</style>

src/xt_pages/hospitalStation/components/saveRecordTemplate.vue

@@ -0,0 +1,136 @@
+<template>
+    <el-dialog
+        title="保存病历模板"
+        width="600px"
+        :visible.sync="visible"
+        :before-close="_close"
+        class="recordDialog"
+    >
+        <el-form class="recordForm" :model="form"  ref="form" label-width="80px">
+            <el-form-item label="模板名称: " prop="name" style="width:100%;">
+                <el-input v-model="template_name" placeholder=""></el-input>
+            </el-form-item>
+            <el-form-item label="模板说明:" prop="name" style="width:100%;">
+                <el-input
+                type="textarea"
+                :rows="2"
+                placeholder="请输入内容"
+                v-model="template_remark">
+                </el-input>
+            </el-form-item>
+            <el-form-item label="创建人:" prop="name" style="width:49%;">
+                <span>{{user_name}}</span>
+            </el-form-item>
+            <el-form-item label="创建时间:" prop="name" style="width:49%;">
+                {{start_time}}
+            </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary"  @click="submitAction()">保 存</el-button>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+const moment = require('moment');
+import { SaveHisPatientCaseHistoryTemplate } from "@/api/project/project"
+export default {
+    data(){
+        return{
+            visible:false,
+            form:{
+                name:''
+            },
+            mode_type:"1",
+            textarea:"",
+            chief_conplain:"",
+            past_history:"",
+            history_of_present_illness:"",
+            personal_history:"",
+            family_history:"",
+            diagnostic:"",
+            mode_type:"",
+            start_time:"",
+            user_name:"",
+            template_name:"",
+            template_remark:"",
+            mode_status:0,
+            doctor_advice:'',
+            remark:''
+        }
+     },
+
+    methods:{
+        _close: function(done) {
+            // this.clear()
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show(obj) {
+         console.log("obj",obj);
+         this.chief_conplain= obj.chief_conplaint;
+         this.past_history = obj.past_history;
+         this.history_of_present_illness = obj.history_of_present_illness;
+         this.personal_history = obj.personal_history;
+         this.family_history = obj.family_history;
+         this.diagnostic = obj.diagnostic;
+         this.doctor_advice = obj.doctor_advice;
+         this.remark = obj.remark;
+         this.visible = true
+        },
+        hide() {
+            // this.clear()
+            this.visible = false
+        },
+
+        submitAction(){
+          var params = {
+             template_name:this.template_name,
+             template_remark:this.template_remark,
+             user_name:this.user_name,
+             record_date:this.start_time,
+             chief_conplain:this.chief_conplain,
+             past_history:this.past_history,
+             history_of_present_illness:this.history_of_present_illness,
+             personal_history:this.personal_history,
+             family_history:this.family_history,
+             diagnostic:this.diagnostic,
+             doctor_advice:this.doctor_advice,
+             remark:this.remark
+            };
+         console.log("params",params);
+
+          SaveHisPatientCaseHistoryTemplate(params).then(response=>{
+              if(response.data.state == 1){
+                 this.mode_status = 1;
+                 this.$message.success("保存成功");
+                 this.visible = false
+
+              }
+          })
+        }
+    },
+    created(){
+      this.start_time = moment().format("YYYY-MM-DD HH:mm:ss");
+      this.user_name = this.$store.getters.xt_user.user.user_name
+
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.recordForm{
+    display: flex;
+    flex-wrap: wrap;
+    .el-form-item{
+        width:24%;
+        margin-right: 1%;
+    }
+}
+</style>
+

src/xt_pages/hospitalStation/components/saveTemplate.vue

@@ -0,0 +1,89 @@
+<template>
+    <el-dialog
+        title="模板信息"
+        width="600px"
+        :visible.sync="visible"
+        :before-close="_close"
+    >
+        <div>
+            <el-form :model="form"  class="adviceForm" ref="form" label-width="100px" style="display: flex;flex-wrap: wrap;justify-content: space-between;">
+                <el-form-item label="创建人 : " style="width: 100%;margin-bottom:0;">
+                    医生
+                </el-form-item>
+                <el-form-item label="处方类型 : " style="width: 100%;margin-bottom:0;">
+                    药品模板
+                </el-form-item>
+                <el-form-item label="模板类型 : " style="width: 100%;margin-bottom:0;">
+                    <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="科室 : " style="width: 100%;">
+                    <el-select v-model="value" style="width:100%;" 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="模板名称 : " style="width: 100%;">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="模板说明 : " style="width: 100%;">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="诊断信息 : " style="width: 100%;">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="医嘱说明 : " style="width: 100%;">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="备注说明 : " style="width: 100%;">
+                    <el-input v-model="form.name" placeholder=""></el-input>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary" @click="submitAction()">保 存</el-button>
+        </div>
+    </el-dialog>         
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            visible:false,
+            form:{
+                name:''
+            },
+            radio:"1",
+            options:[],
+            value:''
+        }
+    },
+    methods:{
+        _close: function(done) {
+            // this.clear()
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show() {
+            // this.clear()
+            this.visible = true
+        },
+        hide() {
+            // this.clear()
+            this.visible = false
+        },
+    }
+}
+</script>
+
+

src/xt_pages/hospitalStation/components/selectTemplate.vue

@@ -0,0 +1,96 @@
+<template>
+    <el-dialog
+        title="选择模板"
+        width="1000px"
+        :visible.sync="visible"
+        :before-close="_close"
+    >
+        <div style="display:flex;">
+            <div style="width: 201px;">
+                <el-table :data="tableData" border height="300" :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="处方类型" width="100">
+                        <template slot-scope="scope">{{ scope.row.date }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" prop="name" label="模板名称" width="100">
+                        <template slot-scope="scope">{{ scope.row.date }}</template>
+                    </el-table-column>
+                </el-table> 
+            </div>
+            <el-table :data="tableData" border height="300" style="flex:1;margin-left:20px;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+                <el-table-column type="selection" width="55" align="center"></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="药品规格">
+                    <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="用法">
+                    <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="天数">
+                    <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> 
+        </div>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary"  @click="submitAction()">保 存</el-button>
+        </div>
+    </el-dialog>         
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            visible:false,
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+            }]
+        }
+    },
+    methods:{
+        _close: function(done) {
+            // this.clear()
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show() {
+            // this.clear()
+            this.visible = true
+        },
+        hide() {
+            // this.clear()
+            this.visible = false
+        },
+    }
+}
+</script>
+

src/xt_pages/hospitalStation/components/templateDetail.vue

@@ -0,0 +1,97 @@
+<template>
+    <el-dialog
+        title="详情"
+        width="1000px"
+        :visible.sync="visible"
+        :before-close="_close"
+    >
+        <el-table :data="tableData" border height="350" :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.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="组">
+                <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="单位/容量">
+                <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="频率">
+                <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="总量">
+                <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="组套名称">
+                <template slot-scope="scope">{{ scope.row.date }}</template>
+            </el-table-column>
+        </el-table> 
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary" :loading="submitLoading" @click="submitAction()">保 存</el-button>
+        </div>
+    </el-dialog>         
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            visible:false,
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+            }],
+            activeName:'first'
+        }
+    },
+    methods:{
+        _close: function(done) {
+            // this.clear()
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show() {
+            // this.clear()
+            this.visible = true
+        },
+        hide() {
+            // this.clear()
+            this.visible = false
+        },
+    }
+}
+</script>
+
+

src/xt_pages/hospitalStation/costComparison.vue

@@ -0,0 +1,625 @@
+<template>
+    <div class="main-contain incomeStatistics">
+        <div class="position">
+            <bread-crumb :crumbs='crumbs'></bread-crumb>
+        </div>
+        <div class="app-container">
+            <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
+                <div>
+                    <el-input size="small" style="width:130px;" v-model="keywords"
+                              class="filter-item"/>
+                    <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary"
+                               @click="searchAction">
+                        搜索
+                    </el-button>
+                    <el-date-picker v-model="query_start_time" prefix-icon="el-icon-date"
+                                    @change="handleStartTimeChange" :editable="false" :clearable="false"
+                                    style="width: 130px;" type="date" placeholder="选择开始日期"
+                                    format="yyyy-MM-dd"
+                                    value-format="yyyy-MM-dd"
+                                    align="right"></el-date-picker>
+                    -
+
+                    <el-date-picker v-model="query_end_time" prefix-icon="el-icon-date"
+                                    @change="handleEndTimeChange" :editable="false" :clearable="false"
+                                    style="width: 130px;margin-right:10px;" type="date" placeholder="选择结束日期"
+                                    format="yyyy-MM-dd"
+                                    value-format="yyyy-MM-dd"
+                                    align="right"></el-date-picker>
+
+
+                    <label class="title">险种<span class="name"></span> : </label>
+                    <el-select v-model="query_insutype" style="width:140px;margin-right:10px;" placeholder="请选择"
+                               @change="changeInsutype">
+                        <el-option
+                                v-for="item in insutypes"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value">
+                        </el-option>
+                    </el-select>
+
+
+                    <label class="title">清算类别<span class="name"></span> : </label>
+                    <el-select v-model="query_clr_type" style="width:100px;margin-right:10px;" placeholder="请选择"
+                               @change="changeClrType">
+                        <el-option
+                                v-for="item in clrOptions"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value">
+                        </el-option>
+                    </el-select>
+
+                </div>
+
+            </div>
+            <div style="float: right;margin-bottom: 10px">
+                <el-button size="small" type="primary" @click="dialogFormVisible = true">医保对账</el-button>
+                <el-button size="small" type="primary" @click="getFormData">下载对账报表</el-button>
+            </div>
+
+
+            <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
+                      @select="selectCostInfo"
+                      @selection-change="changeCostInfoTableData"
+                      @select-all="changeAllCostInfoTableData"
+                      row-key="row_key"
+                      ref="multipleTable"
+            >
+                <el-table-column
+                        align="center"
+                        type="selection"
+                        width="55"
+                ></el-table-column>
+                <el-table-column
+                        prop="date"
+                        label="序号"
+                        width="60"
+                        align="center"
+                        type="index"
+                >
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="对账结果">
+                    <template slot-scope="scope">{{'平'}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="操作机构">
+                    <!--<template slot-scope="scope">{{// this.$store.getters.xt_user.org.org_name}}</template>-->
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="对账申请人">
+                    <template slot-scope="scope">{{getName(scope.row.creator)}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="开始时间">
+                    <template slot-scope="scope">{{getTimes(scope.row.start_time)}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="结束时间">
+                    <template slot-scope="scope">{{getTimes(scope.row.end_time)}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="险种类型">
+                    <template slot-scope="scope">
+                        <div v-if="scope.row.insutype == '310'">职工基本医疗保险</div>
+                        <div v-if="scope.row.insutype == '320'">公务员医疗补助</div>
+                        <div v-if="scope.row.insutype == '330'">大额医疗费用补助</div>
+                        <div v-if="scope.row.insutype == '340'">离休人员医疗保障</div>
+                        <div v-if="scope.row.insutype == '390'">城乡居民基本医疗保险</div>
+                        <div v-if="scope.row.insutype == '392'">城乡居民大病医疗保险</div>
+                        <div v-if="scope.row.insutype == '510'">生育保险</div>
+                    </template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="对账类型">
+                    <template slot-scope="scope">
+                        <div v-if="scope.row.check_type == 1">总账</div>
+                        <div v-if="scope.row.check_type == 2">明细</div>
+                    </template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="清算经办机构">
+                    <template slot-scope="scope">{{getName(scope.row.creator)}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="定点医药机构医疗费总额(元)">
+                    <template slot-scope="scope">{{scope.row.setl_optins}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="医保中心医疗费总额(元)">
+                    <template slot-scope="scope">{{scope.row.cost_total}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="定点医药机构基金总额(元)">
+                    <template slot-scope="scope">{{scope.row.cost_total}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="医保中心基金总额(元)">
+                    <template slot-scope="scope">{{scope.row.func_total}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="定点医药机构个人账号总额(元)">
+                    <template slot-scope="scope">{{scope.row.func_total}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="医保中心个人账号总额(元)">
+                    <template slot-scope="scope">{{scope.row.psn_pay}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="定点医药机构结算笔数">
+                    <template slot-scope="scope">{{scope.row.psn_pay}}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="医保中心结算笔数">
+                    <template slot-scope="scope">{{scope.row.num}}</template>
+                </el-table-column>
+
+            </el-table>
+            <el-pagination
+                    @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange"
+                    :page-sizes="[10, 50, 100]"
+                    :page-size="10"
+                    background
+                    style="margin-top:20px;float: right"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    :total="total"
+            >
+            </el-pagination>
+            <el-dialog title="医保对账" :visible.sync="dialogFormVisible">
+                <el-form :model="form" label-width="100px">
+                    <el-form-item label="时间" label-width="100px">
+                        <el-date-picker v-model="start_time" prefix-icon="el-icon-date"
+                                        @change="handleStartTimeChange" :editable="false" :clearable="false"
+                                        style="width: 200px;" type="date" placeholder="选择开始日期"
+                                        format="yyyy-MM-dd"
+                                        value-format="yyyy-MM-dd"
+                                        align="right"></el-date-picker>
+                        -
+
+                        <el-date-picker v-model="end_time" prefix-icon="el-icon-date"
+                                        @change="handleEndTimeChange" :editable="false" :clearable="false"
+                                        style="width: 200px;margin-right:10px;" type="date" placeholder="选择结束日期"
+                                        format="yyyy-MM-dd"
+                                        value-format="yyyy-MM-dd"
+                                        align="right"></el-date-picker>
+                    </el-form-item>
+                    <el-form-item label="险种类型" :label-width="formLabelWidth">
+                        <el-select v-model="insutype" placeholder="请选择" style="width: 200px;">
+                            <el-option
+                                    v-for="item in insutypes"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="对账类型" :label-width="formLabelWidth">
+                        <el-select v-model="check_type" placeholder="请选择" style="width: 200px;">
+                            <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>
+                <div slot="footer" class="dialog-footer">
+                    <el-button @click="dialogFormVisible = false">取 消</el-button>
+                    <el-button type="primary" @click="confirm">确 定</el-button>
+                </div>
+            </el-dialog>
+        </div>
+
+
+    </div>
+</template>
+
+
+<script>
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import {
+    getCheckAccountFormData,
+    getDoctorList,
+    getExportConsumeDetailList,
+    getHisOrderList,
+    getList
+  } from '@/api/his/his'
+  import { uParseTime } from '@/utils/tools'
+  import { fetchAllAdminUsers } from '@/api/doctor'
+  import axios from 'axios'
+
+  export default {
+    components: {
+      BreadCrumb
+    },
+    data() {
+      return {
+        form: {},
+        crumbs: [
+          { path: false, name: '门诊收费' },
+          { path: false, name: '医保费用对照' }
+        ],
+        tableData: [],
+        limit: 10,
+        page: 1,
+        dialogFormVisible: false,
+        total: 0,
+        adminUserOptions: [],
+        start_time: '',
+        end_time: '',
+        insutype: '',
+        check_type: '',
+        keywords: '',
+        query_start_time: '',
+        query_end_time: '',
+        selection:[],
+        query_insutype: '',
+        query_clr_type: '',
+        fromData: [],
+        options: [
+          {
+            value: 1,
+            label: '总账'
+          }, {
+            value: 2,
+            label: '明细'
+          }
+        ],
+        clrOptions: [
+          {
+            value: '11',
+            label: '门诊'
+          }, {
+            value: '21',
+            label: '住院'
+          }, {
+            value: '41',
+            label: '药店购药'
+          }, {
+            value: '99',
+            label: '其他'
+          }
+        ],
+        insutypes: [
+          {
+            value: '310',
+            label: '职工基本医疗保险'
+          }, {
+            value: '320',
+            label: '公务员医疗补助'
+          }, {
+            value: '330',
+            label: '大额医疗费用补助'
+          }, {
+            value: '340',
+            label: '离休人员医疗保障'
+          },
+          {
+            value: '390',
+            label: '城乡居民基本医疗保险'
+          }, {
+            value: '392',
+            label: '城乡居民大病医疗保险'
+          }, {
+            value: '510',
+            label: '生育保险'
+          }
+
+          // 1617724800
+
+        ]
+
+      }
+    },
+    methods: {
+      changeInsutype() {
+        let params = {
+          'page': 1,
+          'limit': 10,
+          'keywords': this.keywords,
+          'insutype': this.query_insutype,
+          'clr_type': "11",
+          'start_time': this.query_start_time,
+          'end_time': this.query_end_time,
+        };
+        this.tableData = [];
+        getList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.tableData = response.data.data.list;
+            this.total = response.data.data.total
+          }
+        })
+
+      }, changeClrType(val) {
+        if (val != "11"){
+          this.tableData = [];
+          this.total = 0
+        }else{
+          let params = {
+            'page': 1,
+            'limit': 10,
+            'keywords': this.keywords,
+            'insutype': this.query_insutype,
+            'clr_type': "11",
+            'start_time': this.query_start_time,
+            'end_time': this.query_end_time,
+          };
+          this.tableData = [];
+          getList(params).then(response => {
+            if (response.data.state == 0) {
+              this.$message.error(response.data.msg);
+              return false
+            } else {
+              this.tableData = response.data.data.list;
+              this.total = response.data.data.total
+            }
+          })
+        }
+      },
+      handleStartTimeChange() {
+
+        let params = {
+          'page': 1,
+          'limit': 10,
+          'keywords': this.keywords,
+          'insutype': "",
+          'clr_type': "11",
+          'start_time': this.query_start_time,
+          'end_time': this.query_end_time,
+        };
+        this.tableData = [];
+        getList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.tableData = response.data.data.list;
+            this.total = response.data.data.total
+          }
+        })
+
+      }, handleEndTimeChange() {
+
+        let params = {
+          'page': 1,
+          'limit': 10,
+          'keywords': this.keywords,
+          'insutype': "",
+          'clr_type': "11",
+          'start_time': this.query_start_time,
+          'end_time': this.query_end_time,
+        };
+        this.tableData = [];
+        getList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.tableData = response.data.data.list;
+            this.total = response.data.data.total
+          }
+        })
+
+      },
+
+      searchAction() {
+        let params = {
+          'page': 1,
+          'limit': 10,
+          'keywords': this.keywords,
+          'insutype': "",
+          'clr_type': "11",
+          'start_time': "",
+          'end_time': "",
+        };
+        this.tableData = [];
+        getList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.tableData = response.data.data.list;
+            this.total = response.data.data.total
+          }
+        })
+
+      },
+      selectCostInfo(selection, row) {
+        this.selection = selection
+
+      }, changeCostInfoTableData(val) {
+        this.selection = val
+      }, changeAllCostInfoTableData(selection) {
+        this.selection = selection
+
+
+      }, confirm() {
+        if (this.check_type == 1) {
+          let params = {
+            start_time: this.start_time,
+            end_time: this.end_time,
+            insutype: this.insutype,
+            clr_type: '11'
+          };
+          var that = this;
+          if (this.$store.getters.xt_user.org_id == 4 || this.$store.getters.xt_user.org_id == 9919 || this.$store.getters.xt_user.org_id == 10106 || this.$store.getters.xt_user.org_id == 9990 ) {
+            axios.get('http://127.0.0.1:9532/api/checkaccount/get', {
+              params: params
+            })
+              .then(function(response) {
+                if (response.data.state == 0) {
+                  that.$message.error(response.data.msg);
+                  return false
+                } else {
+                  var result_desc = '';
+
+                  if (response.data.data.stmt_rslt == 0) {
+                    result_desc = '对账平'
+                  } else if (response.data.data.stmt_rslt == 1) {
+                    result_desc = '中心多' + '\n' + response.data.data.stmt_rslt_dscr
+
+                  } else if (response.data.data.stmt_rslt == 2) {
+                    result_desc = '机构多' + '\n' + response.data.data.stmt_rslt_dscr
+                  }
+
+                  that.$alert(result_desc, '对账结果', {
+                    confirmButtonText: '确定',
+                    callback: action => {
+                      this.dialogFormVisible = false
+                    }
+                  });
+
+                  that.page = 1;
+                  that.limit = 10;
+                  that.keywords = '';
+                  that.query_start_time = '';
+                  that.query_end_time = '';
+                  that.query_insutype = '';
+                  that.query_clr_type = '';
+                  that.getList()
+                }
+              })
+              .catch(function(error) {
+
+              })
+
+          }
+
+        } else {
+          let params = {
+            start_time: this.start_time,
+            end_time: this.end_time
+          };
+          var that = this;
+          axios.get('http://127.0.0.1:9532/api/checkdetailaccount/get', {
+            params: params
+          })
+            .then(function(response) {
+              if (response.data.state == 0) {
+                that.$message.error(response.data.msg);
+                return false
+              } else {
+                this.page = 1;
+                this.limit = 10;
+                this.keywords = '';
+                this.getList()
+              }
+            })
+            .catch(function(error) {
+
+            })
+        }
+      },
+      getInsutype(type) {
+
+      },
+      fetchAllAdminUsers() {
+        fetchAllAdminUsers().then(response => {
+          if (response.data.state == 1) {
+            this.adminUserOptions = response.data.data.users
+
+          }
+        })
+      },
+      getName(admin_user_id) {
+        for (let i = 0; i < this.adminUserOptions.length; i++) {
+          if (this.adminUserOptions[i].id == admin_user_id) {
+            return this.adminUserOptions[i].name
+          }
+        }
+
+      },
+      getTimes(time) {
+        return uParseTime(time, '{y}-{m}-{d}')
+      },
+      getList() {
+        let params = {
+          'page': this.page,
+          'limit': this.limit,
+          'keywords': this.keywords,
+          'insutype': this.query_insutype,
+          'clr_type': this.query_clr_type,
+          'start_time': this.query_start_time,
+          'end_time': this.query_end_time
+        };
+        this.tableData = [];
+        getList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.tableData = response.data.data.list;
+            this.total = response.data.data.total
+          }
+        })
+
+      },
+      handleSizeChange(limit) {
+        this.limit = limit;
+        this.getList()
+      },
+      handleCurrentChange(page) {
+        this.page = page;
+        this.getList()
+
+      }, getFormData() {
+        if (this.selection.length == 0) {
+          this.$message.error('请选择要下载的对账记录');
+          return
+        }
+
+        let params = {
+          'start_time': this.getTimes(this.selection[0].start_time),
+          'end_time': this.getTimes(this.selection[0].end_time),
+          'insutype': this.selection[0].insutype
+        };
+        getCheckAccountFormData(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.fromData = response.data.data.list;
+            var list = [];
+
+            for (let i = 0; i < this.fromData.length; i++) {
+              let obj = {
+                '结算金额': this.fromData[i].medfee_sumamt,
+                '姓名': this.fromData[i].psn_name,
+                '身份证': this.fromData[i].id_card_no,
+                '个人编号': this.fromData[i].psn_no,
+                '门诊流水号': this.fromData[i].mdtrt_id,
+                '挂号日期': this.getTimes(this.fromData[i].settle_accounts_date),
+                '起付线': this.fromData[i].act_pay_dedc,
+                '统筹基金': this.fromData[i].fund_pay_sumamt,
+                '个人支付': this.fromData[i].psn_cash_pay,
+                '个账支付': this.fromData[i].acct_pay,
+                '现金支付': this.fromData[i].cash_pay,
+                '总费用': this.fromData[i].sumamt,
+                '冲销标志': '已结算'
+              };
+              list.push(obj)
+            }
+            var insutype_name = '';
+            if (this.query_insutype == '310') {
+              insutype_name = '职工基本医疗保险'
+            } else if (this.query_insutype == '390') {
+              insutype_name = '城乡居民基本医疗保险'
+            }
+
+            import('@/vendor/Export2Excel').then(excel => {
+              const tHeader = ['结算金额', '姓名', '身份证', '个人编号', '门诊流水号', '挂号日期', '起付线', '统筹基金', '个人支付', '个账支付', '现金支付', '总费用', '冲销标志'];
+              const filterVal = ['结算金额', '姓名', '身份证', '个人编号', '门诊流水号', '挂号日期', '起付线', '统筹基金', '个人支付', '个账支付', '现金支付', '总费用', '冲销标志'];
+              const data = this.formatJson(filterVal, list);
+              excel.export_json_to_excel({
+                header: tHeader,
+                data,
+                filename:this.getTimes(this.selection[0].start_time)+ '~' + this.getTimes(this.selection[0].end_time)+ insutype_name + '对账报表'
+              })
+            })
+          }
+        })
+
+      }, formatJson(filterVal, jsonData) {
+        return jsonData.map(v => filterVal.map(j => v[j]))
+      }
+    },
+    created() {
+      this.getList();
+      this.fetchAllAdminUsers()
+
+    }
+  }
+</script>

src/xt_pages/hospitalStation/incomeStatistics.vue

@@ -0,0 +1,329 @@
+<template>
+  <div class="main-contain incomeStatistics">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+    </div>
+    <div class="app-container">
+      <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
+        <div>
+          <el-input size="small" style="width:150px;"  v-model="keywords"
+                    class="filter-item"/>
+          <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary" @click="searchAction">
+            搜索
+          </el-button>
+          <el-select size="small" v-model="admin_user_id" placeholder="请选择" style="width:150px;margin-left:10px;" @change="changeDoctor">
+            <el-option
+              label="全部"
+              value="0">
+            </el-option>
+            <el-option
+              v-for="(item,index) in type"
+              :key="index"
+              :label="item.user_name"
+              :value="item.admin_user_id">
+            </el-option>
+          </el-select>
+          <el-date-picker size="small" v-model="start_time" prefix-icon="el-icon-date"
+                          @change="handleStartTimeChange" :editable="false" :clearable="false"
+                          style="width: 196px;margin-right:10px;" type="date" placeholder="选择开始日期"
+                          format="yyyy-MM-dd"
+                          value-format="yyyy-MM-dd"
+                          align="right"></el-date-picker>
+
+          <el-date-picker size="small" v-model="end_time" prefix-icon="el-icon-date"
+                          @change="handleEndTimeChange" :editable="false" :clearable="false"
+                          style="width: 196px;margin-right:10px;" type="date" placeholder="选择结束日期"
+                          format="yyyy-MM-dd"
+                          value-format="yyyy-MM-dd"
+                          align="right"></el-date-picker>
+          <!--<el-radio v-model="radio" label="1">明细</el-radio>-->
+          <!--<el-radio v-model="radio" label="2">汇总</el-radio>-->
+        </div>
+        <el-button size="small" type="primary" @click="export_detail">报表下载</el-button>
+      </div>
+      <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>
+        <el-table-column
+          prop="date"
+          label="序号"
+          width="60"
+          align="center"
+          type="index"
+        >
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="收费日期">
+          <template slot-scope="scope">{{ scope.row.selt_time }}</template>
+        </el-table-column>
+
+
+        <el-table-column align="center" prop="name" label="患者名字">
+          <template slot-scope="scope">{{ scope.row.psn_name }}</template>
+        </el-table-column>
+        <!--<el-table-column align="center" prop="name" label="患者类型">-->
+          <!--<template slot-scope="scope"></template>-->
+        <!--</el-table-column>-->
+        <el-table-column align="center" prop="name" label="总金额">
+          <template slot-scope="scope">{{scope.row.medfee_sumamt}}</template>
+        </el-table-column>
+
+        <el-table-column align="center" prop="name" label="总金额">
+          <template slot-scope="scope">{{scope.row.medfee_sumamt}}</template>
+        </el-table-column>
+
+
+
+        <el-table-column align="center" prop="name" label="实收金额">
+          <template slot-scope="scope">{{scope.row.reality_price}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="科室">
+          <template slot-scope="scope">{{scope.row.p_info.department.name}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="收费日期">
+          <template slot-scope="scope">  {{getTimes(scope.row.settle_accounts_date)}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="收费员">
+          <template slot-scope="scope">{{ scope.row.p_info.doctor }}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="状态">
+          <template slot-scope="scope">
+            <div v-if="scope.row.order_status == 1">待结算</div>
+            <div v-if="scope.row.order_status == 2">已结算</div>
+            <div v-if="scope.row.order_status == 3">已退费</div>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="操作">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="toDetail(scope.row)">详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :page-sizes="[10, 50, 100]"
+        :page-size="10"
+        background
+        style="margin-top:20px;float: right"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+
+      >
+      </el-pagination>
+    </div>
+
+
+  </div>
+</template>
+
+
+<script>
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import { getHisOrderList,getDoctorList,getExportConsumeDetailList } from '@/api/his/his'
+  import { uParseTime } from '@/utils/tools'
+
+  export default {
+    components: {
+      BreadCrumb
+    },
+    data() {
+      return {
+        crumbs: [
+          { path: false, name: '门诊收费' },
+          { path: false, name: '项目消费明细汇总' }
+        ],
+        tableData: [],
+        limit:10,
+        page:1,
+        keywords:"",
+        start_time:"",
+        end_time:"",
+        total:"",
+        doctors:[],
+        admin_user_id:"",
+
+      }
+    },
+    methods: {
+      export_detail(){
+        let params= {
+          start_time:this.start_time,
+          end_time: this.end_time,
+        };
+        getExportConsumeDetailList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+
+            let list = [];
+            for (let i =0; i < response.data.data.order.length; i++){
+            let order =   response.data.data.order[i];
+              let number = "";
+              let name = "";
+              let department = "";
+              let doctor_name = "";
+              let balance_accounts = "";
+
+              let order_status = "";
+
+
+
+              if(order.his_patient != null && order.his_patient.number.length > 0){
+                number = order.his_patient.number
+
+              }
+
+              if(order.his_patient != null ){
+                if(order.his_patient.balance_accounts_type == 1){
+                  balance_accounts = "自费"
+                }
+
+                if(order.his_patient.balance_accounts_type == 2){
+                  balance_accounts = "医保"
+                }
+              }
+
+              if(order.patient != null && order.patient.name.length > 0){
+                name = order.patient.name
+
+              }
+
+              if(order.p_info != null && order.p_info.department != null && order.p_info.department.name.length > 0){
+                department = order.p_info.department.name
+
+              }
+
+              if(order.p_info != null && order.p_info.doctor.length > 0){
+                doctor_name = order.p_info.doctor
+              }
+
+              if(order.order_status == 1){
+                order_status = "待结算"
+              }
+
+              if(order.order_status == 2){
+                order_status = "已结算"
+              }
+
+              if(order.order_status == 3){
+                order_status = "已退费"
+              }
+
+
+              let obj = {
+                "就诊号":number,
+                "患者姓名":name,
+                "应收金额":order.medfee_sumamt,
+                "实收金额":order.medfee_sumamt,
+                "科室":department,
+                "医生姓名":doctor_name,
+                "收费类别":balance_accounts,
+                "收费者姓名":doctor_name,
+                "总金额":order.medfee_sumamt,
+                "现金支付":"",
+                "账户支付":"",
+                "支付宝支付":"",
+                "微信支付":"",
+                "其他支付":"",
+                "收费日期":"",
+                "收费状态":order_status,
+                "退费日期":"",
+              };
+              list.push(obj)
+            }
+            import('@/vendor/Export2Excel').then(excel => {
+              const tHeader = ['就诊号', '患者姓名', '应收金额', '实收金额', '科室',"医生姓名","收费类别","收费者姓名","总金额","现金支付","账户支付","支付宝支付","微信支付","其他支付","收费日期","收费状态","退费日期"];
+              const filterVal = ['就诊号', '患者姓名', '应收金额', '实收金额', '科室',"医生姓名","收费类别","收费者姓名","总金额","现金支付","账户支付","支付宝支付","微信支付","其他支付","收费日期","收费状态","退费日期"];
+              const data = this.formatJson(filterVal, list);
+              excel.export_json_to_excel({
+                header: tHeader,
+                data,
+                filename: "消费明细"
+              })
+            })
+
+          }
+        })
+
+      },  formatJson(filterVal, jsonData) {
+        return jsonData.map(v => filterVal.map(j => v[j]))
+      },
+      changeDoctor(){
+        this.page = 1;
+        this.keywords="";
+        this.getHisOrderList()
+      },
+      handleSizeChange(limit){
+        this.limit = limit;
+        this.getHisOrderList()
+
+      },handleCurrentChange(page){
+        this.page = page;
+        this.getHisOrderList()
+
+
+      },
+      handleStartTimeChange(){
+        this.page = 1;
+        this.keywords="";
+        this.getHisOrderList()
+      },handleEndTimeChange(){
+        this.page = 1;
+        this.keywords="";
+        this.getHisOrderList()
+      },
+      searchAction(){
+        this.page = 1;
+        this.getHisOrderList()
+
+
+      },
+      getTimes(time) {
+        return uParseTime(time, "{y}-{m}-{d}");
+      },
+      toDetail(row) {
+        this.$router.push('/outpatientCharges/summaryDetail?patient_id='+row.patient.id+"&number="+row.number)
+      }, getTime(value, temp) {
+        if (value != undefined) {
+          return uParseTime(value, temp)
+        }
+        return ''
+      },getHisOrderList(){
+        let params= {
+          page : this.page,
+          limit: this.limit,
+          keywords:this.keywords,
+          start_time:this.start_time,
+          end_time: this.end_time,
+          type: this.admin_user_id
+        };
+        getHisOrderList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.tableData = response.data.data.order;
+            this.total = response.data.data.total
+          }
+        })
+
+      },getDoctorList(){
+        getDoctorList().then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.doctors = response.data.data.doctors
+          }
+        })
+
+
+      }
+    }, created() {
+     this.getDoctorList();
+     this.getHisOrderList()
+
+
+    }
+  }
+</script>

src/xt_pages/hospitalStation/index.vue

@@ -0,0 +1,674 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+    </div>
+
+    <div class="app-container">
+      <div class="nameTitle">患者基本信息:</div>
+      <div class="formMain">
+        <el-form class="basicForm" :model="form" :rules="rules" ref="form" label-width="100px">
+
+
+          <el-form-item label="患者姓名：" prop="name" :validate-event="is_Name">
+            <el-autocomplete
+              class="checkSearch"
+              popper-class="my-autocomplete"
+              v-model="form.name"
+              :fetch-suggestions="querySearchAsync"
+              :trigger-on-focus="false"
+              placeholder="请输入病人名字"
+              @select="handleSelect"
+              style="width:160px;"
+            >
+              <i class="el-icon-search el-input__icon" slot="suffix"></i>
+              <template slot-scope="{ item }">
+                <div class="name">{{ item.name }}</div>
+              </template>
+            </el-autocomplete>
+          </el-form-item>
+
+
+          <el-form-item label="手机号码：" prop="phone">
+            <el-input v-model="form.phone"></el-input>
+          </el-form-item>
+
+
+          <el-form-item label="证件类型：" prop="certificates" :validate-event="is_Name">
+            <el-select v-model="form.certificates" placeholder="请选择">
+              <el-option
+                v-for="item in certificates"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="证件号码：" prop="id_card_no" :validate-event="is_Name">
+            <el-input v-model="form.id_card_no"></el-input>
+          </el-form-item>
+
+
+          <el-form-item label="读卡类型：" prop="id_card_type" :validate-event="is_Name">
+            <el-select v-model="form.id_card_type" placeholder="请选择">
+              <el-option
+                v-for="item in IDCardTypes"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+          <!--<el-form-item class="specialFormItem" label="医保卡号：">-->
+          <!--<div style="display:flex;">-->
+          <!--<el-input v-model="form.medicalInsuranceCard"></el-input>-->
+          <!--<el-button style="margin-left:10px;" type="primary" @click="reading">读卡</el-button>-->
+          <!--</div>-->
+          <!--</el-form-item>-->
+
+        </el-form>
+      </div>
+      <div class="nameTitle">患者住院信息:</div>
+      <div class="formMain">
+        <el-form class="basicForm" :model="form" :rules="rules" ref="form" label-width="100px">
+
+          <el-form-item label="疾病类型：" prop="sick_type" :validate-event="is_Name">
+            <el-select v-model="form.sick_type" placeholder="">
+              <el-option
+                v-for="(item,index) in sick"
+                :key="index"
+                :label="item.class_name"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="诊断：" prop="diagnosis" :validate-event="is_Name">
+            <el-select v-model="form.diagnosis" placeholder="">
+              <el-option
+                v-for="(item,index) in diagnoses"
+                :key="index"
+                :label="item.class_name"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="医疗类别：" prop="med_type" :validate-event="is_Name">
+            <el-select v-model="form.med_type" placeholder=""
+            >
+              <el-option
+                v-for="(item,index) in registers"
+                :key="index"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+
+          <el-form-item label="主治医生：" prop="doctor" :validate-event="is_Name">
+            <el-select v-model="form.doctor" placeholder="请选择" @change="changeDoctor">
+              <el-option
+                v-for="item in doctorList"
+                :key="item.admin_user_id"
+                :label="item.user_name"
+                :value="item.admin_user_id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="入院科室：" prop="department" :validate-event="is_Name">
+            <el-select v-model="form.department" placeholder="请选择">
+              <el-option
+                v-for="item in departmentList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+
+          <el-form-item label="入院时间：" prop="start_time" :validate-event="is_Name">
+            <el-date-picker v-model="form.start_time" type="datetime" format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="请选择入院时间">
+            </el-date-picker>
+
+          </el-form-item>
+
+        </el-form>
+        <el-button style="float:right" @click="saveHisPatient('form')" v-loading="loadingone" type="primary">登记
+        </el-button>
+      </div>
+
+    </div>
+  </div>
+</template>
+
+<script>
+  import {PostSearch} from '@/api/patient'
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import {basename} from 'path'
+  import {
+    getAllDoctorList,
+    getPatientDetail,
+    getTodaySchedulePatient,
+    getUnRegisterHisPatientList,
+    saveHisPatient
+  } from '@/api/project/project'
+  import {getDictionaryDataConfig} from '@/utils/data'
+  import {jsGetAge, uParseTime} from '@/utils/tools'
+  import {getInitData} from '@/api/his/his'
+  import axios from 'axios'
+
+  const moment = require('moment');
+  export default {
+    components: {
+      BreadCrumb
+    },
+    data() {
+      return {
+        loadingone: false,
+        read_loading: false,
+        registers: [
+          {value: 11, label: '普通门诊'},
+          {value: 12, label: '门诊挂号'},
+          {value: 13, label: '急诊'},
+          {value: 14, label: '门诊特殊病'},
+          {value: 15, label: '门诊统筹'},
+          {value: 16, label: '门诊慢性病'},
+          {value: 21, label: '普通住院'}
+
+        ],
+        sick: [],
+        diagnoses: [],
+        crumbs: [
+          {path: false, name: '住院工作站'},
+          {path: false, name: '住院登记'}
+        ],
+        form: {
+          start_time: '',
+          id: 0,
+          sick_type: '',
+          diagnosis: '',
+          medicalInsuranceCard: '',
+          name: '',
+          certificates: 1,
+          id_card_no: '',
+          doctor: '',
+          department: '',
+          phone: '',
+          id_card_type: 2,
+          med_type: '',
+
+        },
+
+
+        certificates: [{
+          value: 1,
+          label: '内地身份证'
+        }, {
+          value: 2,
+          label: '社保卡'
+        }, {
+          value: 3,
+          label: '护照'
+        }, {
+          value: 4,
+          label: '军官证'
+        }, {
+          value: 5,
+          label: '台胞证'
+        }, {
+          value: 6,
+          label: '港澳地区身份证'
+        }],
+
+        IDCardTypes: [{
+          value: 1,
+          label: '社保卡'
+        }, {
+          value: 2,
+          label: '身份证'
+        }, {
+          value: 3,
+          label: '电子凭证'
+        }],
+        rules: {
+          name: [{required: true, message: '患者姓名不能为空', trigger: 'blur'}],
+          id_card_no: [{required: true, message: '证件号码不能为空', trigger: 'blur'}],
+          doctor: [{required: true, message: '请选择医生', trigger: 'blur'}],
+          department: [{required: true, message: '请填写科室', trigger: 'blur'}],
+          certificates: [{required: true, message: '证件类型不能为空', trigger: 'change'}],
+          id_card_type: [{required: true, message: '读卡类型不能为空', trigger: 'change'}],
+          med_type: [{required: true, message: '医疗类别不能为空', trigger: 'change'}],
+          sick_type: [{required: true, message: '大病类别不能为空', trigger: 'change'}],
+          diagnosis: [{required: true, message: '诊断不能为空', trigger: 'change'}],
+          start_time: [{required: true, message: '入院时间不能为空', trigger: 'change'}]
+
+        },
+        doctorList: [],
+        departmentList: [],
+        check: 0,
+        show: false,
+        is_Name: false,
+        patient: [],
+        scialType: []
+      }
+    },
+
+    methods: {
+
+      handleSelect(val) {
+        this.form.id = val.id;
+        this.form.name = val.name;
+        this.form.sex = val.gender;
+        this.form.age = val.age;
+        this.form.birthday = uParseTime(val.birthday, '{y}-{m}-{d}');
+        this.form.phone = val.phone;
+        this.form.id_card_no = val.id_card_no;
+
+        var thisLen = this.form.id_card_no.length;
+        var birth = '';
+        if (thisLen == 15) {
+          birth = '19' + this.form.id_card_no.substr(6, 6)
+        } else {
+          birth = this.form.id_card_no.substr(6, 8)
+        }
+        var births =
+          birth.substr(0, 4) +
+          '-' +
+          birth.substr(4, 2) +
+          '-' +
+          birth.substr(6, 2);
+        this.form.age = jsGetAge(births, '-')
+      },
+      querySearchAsync(keyword, cb) {
+        let key = '';
+        if (keyword != undefined) {
+          key = keyword
+        }
+        let searchArray = [];
+        PostSearch(key).then(response => {
+          if (response.data.state == 1) {
+            searchArray = response.data.data.patient;
+            cb(searchArray)
+          } else {
+            cb([])
+          }
+        })
+      },
+
+
+      // reading(medicalInsuranceCard) {
+      //   var that = this
+      //   if (this.form.id_card_type.length == 0 || this.form.id_card_type == 0) {
+      //     this.$message.error('请先选择读卡类型')
+      //     return
+      //   }
+      //   let params = {
+      //     'id_card_type': this.form.id_card_type
+      //   }
+      //   axios.get('http://127.0.0.1:9532/api/sscard', {
+      //     params: params
+      //   })
+      //     .then(function(response) {
+      //       if (response.data.state == 0) {
+      //         that.$message.error(response.data.msg)
+      //         return false
+      //       } else {
+      //         var patient = response.data.data.patient
+      //
+      //         if (that.form.id_card_type == 1) {
+      //           that.form.name = patient.ID
+      //           that.form.sex = patient.gender
+      //           that.form.age = patient.age
+      //           that.form.birthday = uParseTime(patient.birthday, '{y}-{m}-{d}')
+      //           that.form.phone = patient.phone
+      //           that.form.id_card_no = patient.id_card_no
+      //           that.form.medicalInsuranceCard = response.data.data.number
+      //
+      //         } else if (that.form.id_card_type == 2) {
+      //           that.form.name = patient.ID
+      //           that.form.sex = patient.gender
+      //           that.form.age = patient.age
+      //           that.form.birthday = uParseTime(patient.birthday, '{y}-{m}-{d}')
+      //           that.form.phone = patient.phone
+      //           that.form.id_card_no = patient.id_card_no
+      //         }
+      //         that.$message({ message: '读卡成功', type: 'success' })
+      //       }
+      //     })
+      //     .catch(function(error) {
+      //
+      //     })
+      //
+      // },
+      getBirthday(date) {
+        console.log(date);
+        let curTime = moment(new Date(date)).format('YYYY-MM-DD');
+        console.log('curTime22222', curTime);
+
+        console.log(this.jsGetAge(curTime));
+
+        this.form.age = this.jsGetAge(curTime)
+      },
+      jsGetAge(strBirthday) { //传入形式yyyy-MM-dd
+        //strBirthday = util.formatTime(strBirthday);转换成yyyy-MM-dd形式
+        var returnAge;
+        var strBirthdayArr = strBirthday.split('-');
+        var birthYear = strBirthdayArr[0];
+        var birthMonth = strBirthdayArr[1];
+        var birthDay = strBirthdayArr[2];
+        var d = new Date();
+        var nowYear = d.getFullYear();
+        var nowMonth = d.getMonth() + 1;
+        var nowDay = d.getDate();
+        if (nowYear == birthYear) {
+          returnAge = 0 //同年 则为0岁
+        } else {
+          var ageDiff = nowYear - birthYear; //年之差
+          if (ageDiff > 0) {
+            if (nowMonth == birthMonth) {
+              var dayDiff = nowDay - birthDay; //日之差
+              if (dayDiff < 0) {
+                returnAge = ageDiff - 1
+              } else {
+                returnAge = ageDiff
+              }
+            } else {
+              var monthDiff = nowMonth - birthMonth; //月之差
+              if (monthDiff < 0) {
+                returnAge = ageDiff - 1
+              } else {
+                returnAge = ageDiff
+              }
+            }
+          } else {
+            returnAge = -1 //返回-1 表示出生日期输入错误 晚于今天
+          }
+        }
+        return returnAge //返回周岁年龄
+      },
+      getForm() {
+        this.form.total = this.total;
+        if (localStorage.getItem('temp')) {
+          let a = JSON.parse(localStorage.getItem('temp'));
+          // let arr = []
+          this.form.create_time = new Date(new Date().toLocaleDateString()).getTime() / 1000;
+          this.form.org_id = this.$store.getters.xt_user.org_id;
+          a.push(this.form);
+          console.log(111, a);
+          localStorage.setItem('temp', JSON.stringify(a));
+          Object.keys(this.form).forEach((key) => {
+            this.form[key] = ''
+          });
+          this.$message({message: '添加成功', type: 'success'})
+        } else {
+          let arr = [];
+          this.form.create_time = new Date(new Date().toLocaleDateString()).getTime() / 1000;
+          this.form.org_id = this.$store.getters.xt_user.org_id;
+          arr.push(this.form);
+          localStorage.setItem('temp', JSON.stringify(arr));
+          Object.keys(this.form).forEach((key) => {
+            this.form[key] = ''
+          });
+          this.$message({message: '添加成功', type: 'success'})
+        }
+      },
+
+      getAllDoctorList() {
+        getAllDoctorList().then(response => {
+          if (response.data.state == 1) {
+            var doctor = response.data.data.doctor;
+            this.doctorList = doctor;
+            var department = response.data.data.department;
+            this.departmentList = department
+          }
+        })
+      },
+      saveHisPatient(formName) {
+        if (this.form.name == '') {
+          this.$message.error('患者姓名不能为空');
+          this.is_Name = true;
+          return
+        }
+
+
+        if (this.form.doctor == '') {
+          this.$message.error('医生不能为空');
+          this.is_Name = true;
+          return
+        }
+
+        if (this.form.department == '') {
+          this.$message.error('科室不能为空');
+          this.is_Name = true;
+          return
+        }
+
+        if (this.form.id_card_type == '') {
+          this.$message.error('读卡类型不能为空');
+          this.is_Name = true;
+          return
+        }
+
+        if (this.form.id_card_no == '') {
+          this.$message.error('证件号码不能为空');
+          this.is_Name = true;
+          return
+        }
+
+        if (this.form.med_type == '') {
+          this.$message.error('医疗类别不能为空');
+          this.is_Name = true;
+          return
+        }
+
+        if (this.form.diagnosis == '') {
+          this.$message.error('诊断不能为空');
+          this.is_Name = true;
+          return
+        }
+
+        if (this.form.sick_type == '') {
+          this.$message.error('大病类别不能为空');
+          this.is_Name = true;
+          return
+        }
+
+
+        if (this.form.start_time == '') {
+          this.$message.error('入院时间不能为空');
+          this.is_Name = true;
+          return
+        }
+
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            if (this.form.costChecked == true) {
+              this.check = 1
+            }
+            if (this.form.costChecked == false) {
+              this.check = 2
+            }
+            if (this.form.id_card_no == '') {
+              this.show = true
+            }
+
+            var params = {
+              id: this.form.id,
+              name: this.form.name,
+              id_card_type: this.form.id_card_type,
+              certificates: this.form.certificates,
+              id_card_no: this.form.id_card_no,
+              doctor: this.form.doctor,
+              department: this.form.department,
+              phone: this.form.phone,
+              med_type: this.form.med_type,
+              diagnosis: this.form.diagnosis,
+              sick_type: this.form.sick_type
+            };
+            params['record_time'] = this.record_date;
+            params['admin_user_id'] = this.$store.getters.xt_user.user.id;
+            this.loadingone = true;
+
+            var that = this;
+
+            axios.get('http://127.0.0.1:9532/zh/api/inhopitalcheck/get', {
+              params: params,
+              headers: {
+                'Permission': 5
+              }
+            })
+              .then(function (response) {
+                if (response.data.state == 0) {
+                  that.$message.error(response.data.msg);
+                  that.loadingone = false;
+                  return false
+                } else {
+                  that.loadingone = false;
+                  if (response.data.data.failed_code == -10) {
+                    that.$message.error(response.data.data.msg)
+                  } else {
+                    that.$message({message: '登记成功', type: 'success'});
+                    that.form.name = '';
+                    that.form.certificates = '';
+                    that.form.id_card_no = '';
+                    that.form.doctor = '';
+                    that.form.department = '';
+                    that.form.phone = '';
+                    that.form.med_type = 14;
+                    that.form.sick_type = that.sick[0].id;
+                    that.form.diagnosis = that.diagnoses[0].id
+                  }
+                }
+              })
+              .catch(function (error) {
+
+              })
+          }
+        })
+      },
+      getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+      },
+
+      changeDoctor(id) {
+        for (let i = 0; i < this.doctorList.length; i++) {
+          if (this.doctorList[i].admin_user_id == id) {
+            if (this.doctorList[i].department_id == 0) {
+              this.form.department = this.departmentList[0].id
+            } else {
+              this.form.department = this.doctorList[i].department_id
+            }
+
+          }
+        }
+      },
+      changeName(id) {
+        this.form.sex = '';
+        this.form.age = '';
+        this.form.birthday = '';
+        this.form.phone = '';
+        this.form.id_card_no = '';
+        getPatientDetail(id).then(response => {
+          if (response.data.state == 1) {
+            var patient = response.data.data.patient;
+            console.log('patient', patient);
+            this.form.sex = patient.gender;
+            this.form.age = patient.age;
+            this.form.birthday = uParseTime(patient.birthday, '{y}-{m}-{d}');
+            this.form.phone = patient.phone;
+            this.form.id_card_no = patient.id_card_no
+          }
+        })
+      }, getInitData() {
+        getInitData().then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.doctors = response.data.data.doctors;
+            this.department = response.data.data.department;
+            this.sick = response.data.data.sick;
+            this.diagnoses = response.data.data.diagnose;
+
+            this.form.p_type = 14;
+            this.form.sick_type = this.sick[0].id;
+            this.form.diagnosis = this.diagnoses[0].id
+
+          }
+        })
+
+      }
+
+    },
+    created() {
+
+      if (this.$store.getters.xt_user.org_id == 9504 || this.$store.getters.xt_user.org_id == 10028) {
+        this.form.certificates = 2;
+        this.form.id_card_type = 1
+      } else {
+        this.form.certificates = 1;
+        this.form.id_card_type = 2
+      }
+
+      this.getInitData();
+      //获取当前机构有人员信息
+      this.getAllDoctorList()
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .nameTitle {
+    font-weight: bold;
+    font-size: 16px;
+  }
+
+  .formMain {
+    /*/ / padding: 10 px 90 px;*/
+    width: 80%;
+    margin: 0 auto;
+  }
+
+  .basicForm {
+
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+
+  .el-form-item {
+    width: 33%;
+  }
+
+  .specialFormItem {
+    width: 66.5%;
+
+  .el-input {
+    min-width: 150px;
+  }
+
+  }
+  .el-select {
+    width: 100%;
+  }
+
+  .el-input {
+    width: 100%;
+  }
+
+  }
+  .el-form-item__error {
+    color: #F56C6C;
+    font-size: 12px;
+    line-height: 1;
+    padding-top: 4px;
+    position: absolute;
+    top: 100%;
+    left: 0;
+  }
+</style>

src/xt_pages/hospitalStation/invoicePrint.vue

@@ -0,0 +1,152 @@
+<template>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        :loading="loading"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+        >打印</el-button
+      >
+    </template>
+    <div class="app-container" style="padding-top:40px;">
+        <div class='dialysisPage'>
+            <printOne :paramsObj="invoiceParams"></printOne>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import printOne from './invoiceTemplate/printOne'
+export default {
+  name: "invoicePrint",
+  components: {
+    printOne
+  },
+  props:{
+    invoiceParams:Object
+  },
+  data() {
+    return {
+      childResponse: {},
+    //   invoiceParams:{}
+      
+
+    };
+  },
+  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() {
+
+      const style =
+        '@media print {#invoice-print{font-size:12px;}.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%;}.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 div{width:150px;}}';
+        printJS({
+            printable: "invoice-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() {
+      console.log('this.invoiceParams',this.invoiceParams)
+  },
+  watch:{
+    paramsObj:{//深度监听，可监听到对象、数组的变化
+      handler(val, oldVal){
+        this.invoiceParams = val
+        
+      },
+      deep:true
+    }
+  }
+};
+</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/hospitalStation/invoiceTemplate/printOne.vue

@@ -0,0 +1,222 @@
+<template>
+    <div id='invoice-print'>
+        <div style="display:flex;">
+            <div style="position: absolute;top:50px;left:70px;">{{ list.order_number }}</div>
+            <!-- <div>{{ list.id_card_no }}</div> -->
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <!-- <div>{{ list.department_name }}</div> -->
+            <div  style="position: absolute;top:50px;left:300px">{{ list.number }}</div>
+            <div></div>
+            <div  style="position: absolute;left:560px;top:50px;">
+                <span>{{ printDate.slice(0,4) }}</span>
+                <span>{{ printDate.slice(5,7) }}</span>
+                <span>{{ printDate.slice(8,11) }}</span>
+            </div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div style="position: absolute;top:70px;left:120px;"> {{ paramsObj.name }}</div>
+            <!-- <div>{{ list.pay_way }}</div> -->
+            <div style="position: absolute;top:70px;left:460px;">{{ paramsObj.setl_time.split(' ')[0] }}</div>
+            <div style="position: absolute;top:70px;left:560px;">{{ paramsObj.setl_time.split(' ')[0] }}</div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <!-- <div>{{ paramsObj.gend == 1 ? '男' : '女' }}</div> -->
+            <div style="position: absolute;top:90px;left:260px;">{{ totalPrice - list.psn_cash_money }}</div>
+            <div style="position: absolute;top:90px;left:440px;">{{ list.psn_cash_money }}</div>
+            <div style="position: absolute;top:90px;left:580px;">{{ list.pay_way }}</div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div style="position: absolute;top:140px;left:40px">西药</div>
+            <div style="position: absolute;top:140px;left:110px">{{ list.westernMedicineCostTotal }}</div>
+            <div style="position: absolute;top:140px;left:180px">检查费</div>
+            <div style="position: absolute;top:140px;left:260px">{{ list.checkCostTotal }}</div>
+            <div style="position: absolute;top:140px;left:340px">治疗费</div>
+            <div style="position: absolute;top:140px;left:420px">{{ list.treatCostTotal }}</div>
+            <div style="position: absolute;top:140px;left:500px">床位费</div>
+            <div style="position: absolute;top:140px;left:580px">{{ list.bedCostTotal }}</div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div style="position: absolute;top:170px;left:40px">中成药</div>
+            <div style="position: absolute;top:170px;left:110px">{{ list.chineseTraditionalMedicineCostTotal }}</div>
+            <div style="position: absolute;top:170px;left:180px">化验费</div>
+            <div style="position: absolute;top:170px;left:260px">{{ list.laboratoryCostTotal }}</div>
+            <div style="position: absolute;top:170px;left:340px">手术费</div>
+            <div style="position: absolute;top:170px;left:420px">{{ list.operationCostTotal }}</div>
+            <div style="position: absolute;top:170px;left:500px">其他费</div>
+            <div style="position: absolute;top:170px;left:580px">{{ list.otherCostTotal }}</div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div style="position: absolute;top:190px;left:40px"></div>
+            <div style="position: absolute;top:190px;left:110px"></div>
+            <div style="position: absolute;top:190px;left:180px"></div>
+            <div style="position: absolute;top:190px;left:260px"></div>
+            <div style="position: absolute;top:190px;left:340px">材料费</div>
+            <div style="position: absolute;top:190px;left:420px">{{ list.materialCostTotal }}</div>
+            <div style="position: absolute;top:190px;left:500px"></div>
+            <div style="position: absolute;top:190px;left:580px"></div>
+        </div>
+        <div>
+            <span>
+            <span  style="position: absolute;top:240px;left:180px">
+                <span v-if="zhongwen.indexOf('万') > -1 && zhongwen.indexOf('拾') > -1 && zhongwen.indexOf('拾') == 1">
+                    {{ zhongwen.substring(0,1) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span  style="position: absolute;top:240px;left:220px">
+                <span v-if="zhongwen.indexOf('万') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('万') - 1,zhongwen.indexOf('万')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span  style="position: absolute;top:240px;left:260px">
+                <span v-if="zhongwen.indexOf('仟') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('仟') - 1,zhongwen.indexOf('仟')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span  style="position: absolute;top:240px;left:300px">
+                <span v-if="zhongwen.indexOf('佰') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('佰') - 1,zhongwen.indexOf('佰')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span style="position: absolute;top:240px;left:340px">
+                <span v-if="zhongwen.indexOf('拾') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span  style="position: absolute;top:240px;left:380px">
+                <span v-if="zhongwen.indexOf('元') > -1 && zhongwen.substring(zhongwen.indexOf('元') - 1,zhongwen.indexOf('元')) != '拾'">
+                    {{ zhongwen.substring(zhongwen.indexOf('元') - 1,zhongwen.indexOf('元')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span  style="position: absolute;top:240px;left:420px">
+                <span v-if="zhongwen.indexOf('角') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('角') - 1,zhongwen.indexOf('角')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span  style="position: absolute;top:240px;left:460px">
+                <span v-if="zhongwen.indexOf('分') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('分') - 1,zhongwen.indexOf('分')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            </span>
+            <span style="position: absolute;top:240px;left:540px">{{ totalPrice }}</span>
+        </div>
+        <div>
+            <div style="position: absolute;top:320px;left:70px">{{ org_name }}</div>
+            <div v-if="org_id == 9990" style="position: absolute;top:320px;left:300px">钱玉玲</div>
+            <div v-if="org_id == 9990" style="position: absolute;top:320px;left:420px">陈国杰</div>
+        </div>
+    </div>
+</template>
+
+
+<script>
+import { getInvoice } from '@/api/project/project'
+export default {
+    props:{
+        paramsObj:Object
+    },
+    data(){
+        return{
+            list:{},
+            printDate:'',
+            zhongwen:'',
+            totalPrice:0.0,
+            org_id:'',
+            org_name:''
+        }
+    },
+    created(){
+        console.log('paramsObj',this.paramsObj);
+        let params = {
+            order_id: this.paramsObj.order_id,
+            patient_id: this.paramsObj.patient_id,
+        };
+        this.getInvoice(params);
+        var data = new Date();
+        var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;
+        var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate();
+        this.printDate = data.getFullYear() + "-" + month + "-" + date;
+        // this.smalltoBIG(982732.21)
+        this.org_id = this.$store.getters.xt_user.org_id;
+        this.org_name = this.$store.getters.xt_user.org.org_name
+    },
+    methods:{
+        getInvoice(params){
+            getInvoice(params).then((res) => {
+                console.log('res',res);
+                this.list = res.data.data;
+                this.totalPrice = this.list.westernMedicineCostTotal + this.list.checkCostTotal + this.list.treatCostTotal + this.list.bedCostTotal + this.list.chineseTraditionalMedicineCostTotal +
+                                    this.list.laboratoryCostTotal + this.list.operationCostTotal + this.list.otherCostTotal + this.list.materialCostTotal;
+                this.smalltoBIG(this.totalPrice)
+            })
+        },
+        smalltoBIG(n) {
+            // let fraction = ['角', '分'];
+            // let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
+            // let unit = [['元.', '万,', '亿,'], ["元",'拾', '佰', '仟']];
+            // let head = price < 0 ? '欠' : '';
+            // price = Math.abs(price);
+            // let upper = '';
+            // for (let i = 0; i < fraction.length; i++) {
+            // upper += (digit[Math.floor(price * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
+            // }
+            // upper = upper || '整';
+            // price = Math.floor(price);
+            // for (let i = 0; i < unit[0].length && price > 0; i++) {
+            // let p = '';
+            // for (let j = 0; j < unit[1].length && price > 0; j++) {
+            //     p = digit[price % 10] + unit[1][j] + p;
+            //     price = Math.floor(price / 10);
+            // }
+            // upper = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + upper;
+            // }
+            // this.zhongwen = head + upper.replace(/(零.)*零圆/, '圆').replace(/(零.)+/g, '零').replace(/^整$/, '零圆整')
+            // console.log('6666',head + upper.replace(/(零.)*零圆/, '圆').replace(/(零.)+/g, '零').replace(/^整$/, '零圆整'))
+            if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)){
+                return "数据非法";  //判断数据是否大于0
+            }
+
+            var unit = "仟佰拾亿仟佰拾万仟佰拾元角分", str = "";
+            n += "00";
+
+            var indexpoint = n.indexOf('.');  // 如果是小数，截取小数点前面的位数
+
+            if (indexpoint >= 0){
+
+                n = n.substring(0, indexpoint) + n.substr(indexpoint+1, 2);   // 若为小数，截取需要使用的unit单位
+            }
+
+            unit = unit.substr(unit.length - n.length);  // 若为整数，截取需要使用的unit单位
+            for (var i=0; i < n.length; i++){
+                str += "零壹贰叁肆伍陆柒捌玖".charAt(n.charAt(i)) + unit.charAt(i);  //遍历转化为大写的数字
+            }
+
+            this.zhongwen =  str.replace(/零(仟|佰|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
+            console.log(this.zhongwen)
+        },
+
+    },
+    watch:{
+        paramsObj:{//深度监听，可监听到对象、数组的变化
+            handler(val, oldVal){
+                let params = {
+                    order_id: val.order_id,
+                    patient_id: val.patient_id,
+                };
+                this.getInvoice(params)
+
+            },
+            deep:true
+        }
+    }
+}
+</script>

src/xt_pages/hospitalStation/labelPrinting.vue

@@ -0,0 +1,86 @@
+<template>
+    <div class="main-contain outpatientChargesManagement">
+        <div class="position">
+            <bread-crumb :crumbs='crumbs'></bread-crumb>
+        </div>
+        <div class="app-container">
+            <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
+                <div>
+                    <el-input size="small" style="width:150px;" @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>
+                    <el-select size="small" v-model="value" placeholder="请选择" style="width:150px;margin-left:10px;">
+                        <el-option
+                        v-for="item in options"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                    <el-date-picker size="small" v-model="selected_date" prefix-icon="el-icon-date" @change="handleScheduleDateChange" :editable="false" :clearable="false" style="width: 196px;" type="date" placeholder="选择日期时间" align="right" ></el-date-picker>
+                </div>
+                <el-button size="small" type="primary">打印</el-button>
+            </div>
+            <el-table :data="tableData" border height="500" style="width: 100%;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+                <el-table-column type="selection" width="55" align="center"></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="处方号">
+                    <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="创建医生">
+                    <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="试管颜色">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="操作">
+                    <template slot-scope="scope">
+                        <el-button size="mini" type="primary">打印</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+export default {
+    components:{
+        BreadCrumb,
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '门诊收费' },
+                { path: false, name: '标签打印' }
+            ],
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+            }]
+        }
+    }
+}
+</script>

src/xt_pages/hospitalStation/listPrint.vue

@@ -0,0 +1,369 @@
+<template>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        :loading="loading"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+      >打印
+      </el-button
+      >
+    </template>
+
+    <div class='dialysisPage' style="padding-top:40px;">
+      <printOne :list="list" :patient="patient" :order="order" :admin="admin"></printOne>
+    </div>
+  </div>
+</template>
+
+<script>
+  import printOne from './listTemplate/printOne'
+  import { getHisOrderDetail } from '@/api/his/his'
+  import { uParseTime } from '@/utils/tools'
+
+  export default {
+    name: 'listPrint',
+    components: {
+      printOne
+    },
+    props: {
+      paramsObj: Object
+    },
+    data() {
+      return {
+        list: [],
+        patient:{},
+        order:{},
+        admin:{},
+      }
+    },
+    created() {
+      this.getInfo(this.paramsObj.id)
+    },
+
+    methods: {
+      getTimes(time) {
+        return uParseTime(time, '{y}-{m}-{d} {h}:{i}')
+      },
+      getInfo(order_id) {
+        let params = {
+          id: order_id
+        };
+        getHisOrderDetail(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.order = response.data.data.order;
+            this.patient = response.data.data.patient;
+            console.log(this.patient);
+            this.admin = response.data.data.admin_info;
+
+
+            for (let i = 0; i < response.data.data.order_info.length; i++) {
+              var infos = response.data.data.order_info[i];
+              let obj = {
+                med_chrgitm_type: this.getType(infos.med_chrgitm_type),
+                price: infos.pric,
+                count: infos.cnt
+              };
+              if (infos.advice && infos.advice.id == 0 && infos.project && infos.project.id > 0) {
+                obj['p_time'] = this.getTimes(infos.project.prescription.ctime);
+                obj['name'] = infos.project.project.project_name;
+                obj['spec'] = 1;
+                obj['unit'] = infos.project.project.unit
+
+              }
+
+              if (infos.advice && infos.advice.id > 0 && infos.project && infos.project.id == 0) {
+                obj['p_time'] = this.getTimes(infos.advice.prescription.ctime);
+                obj['name'] = infos.advice.advice_name;
+                obj['spec'] = infos.advice.drug.drug_spec;
+                obj['unit'] = infos.advice.drug.max_unit
+
+              }
+              this.list.push(obj);
+              this.list.sort(function(a, b) {
+                return b.p_time < a.p_time ? 1 : -1
+              })
+
+            }
+          }
+        })
+      },
+      getType(med_chrgitm_type) {
+        switch (med_chrgitm_type) {
+          case '01':
+            return '床位费';
+            break;
+          case '02':
+            return '诊察费';
+
+            break;
+          case '03':
+            return '检查费';
+
+            break;
+          case '04':
+            return '化验费';
+            break;
+          case '05':
+            return '治疗费';
+
+            break;
+          case '06':
+            return '手术费';
+
+            break;
+          case '07':
+            return '护理费';
+
+            break;
+          case '08':
+            return '材料费';
+
+            break;
+          case '09':
+            return '西药费';
+
+            break;
+          case '10':
+            return '中药饮片费';
+
+            break;
+          case '11':
+            return '中成药费';
+
+            break;
+          case '12':
+            return '一般诊疗费';
+
+            break;
+          case '13':
+            return '挂号费';
+
+            break;
+          case '14':
+            return '其他费';
+
+            break
+
+        }
+
+      },
+      printThisPage() {
+
+        const style =
+          '@media print {.listTitle{font-size: 24px;text-align: center;font-weight: bold;margin-bottom: 10px;}.listInfo{display: flex;font-size: 16px;justify-content: space-between;margin: 10px 0;} .listTable{width: 100%;text-align: center;border-collapse: collapse;line-height: 40px;font-size: 14px;border-color: #000;text-align:left;}.listTable tr td {padding: 0 5px;}.tableBottom{font-size: 16px;display: flex;margin-top: 20px;}.tableBottomOne{margin-right: 40px;}}';
+        printJS({
+          printable: 'list-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
+        //   });
+        // }
+      }
+    }
+
+  }
+</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/hospitalStation/listTemplate/printOne.vue

@@ -0,0 +1,172 @@
+<template>
+    <div id="list-print" class="list-print">
+        <div v-for='(i,index) in pageArr.length' :key="index">
+        <div class="listTitle">{{$store.getters.xt_user.org.org_name}}费用清单</div>
+        <div class="listInfo">
+
+            <div>患者姓名：{{patient.name}}</div>
+            <div>透析号：{{patient.dialysis_no}}</div>
+            <div>性别：{{patient.gender == 1 ? '男': '女'}}</div>
+            <div>年龄：{{patient.age}}  岁</div>
+            <div v-if="order.settle_type == 1">收费日期：{{getTimes(order.settle_accounts_date)}}</div>
+          <div v-if="order.settle_type == 2">收费日期：{{getTimes(order.settle_start_time)}} 至 {{getTimes(order.settle_end_time)}}</div>
+
+
+        </div>
+        <table class="listTable" border="1">
+            <tr>
+                <td style="width:19%">开方日期</td>
+                <td style="width:10%">类别</td>
+                <td style="width:31%">项目名称</td>
+                <td style="width:14%">规格</td>
+                <td style="width:10%">单价(元)</td>
+                <td style="width:6%">数量</td>
+                <td style="width:10%">金额(元)</td>
+            </tr>
+            <tr v-for="item in list.slice(index * 13,(index * 13) + pageArr[index])">
+                <td style="width:19%">{{item.p_time}}</td>
+                <td style="width:10%">{{item.med_chrgitm_type}}</td>
+                <td style="width:31%">{{item.name}}</td>
+                <td style="width:14%">{{item.spec}}</td>
+                <td style="width:10%">{{(item.price).toFixed(2)}}</td>
+                <td style="width:6%">{{item.count}}{{item.unit}}</td>
+                <td style="width:10%">{{(item.price * item.count).toFixed(2)}}</td>
+            </tr>
+        </table>
+        <div class="tableBottom">
+            <div class="tableBottomOne">制表人：{{admin.user_name}}</div>
+            <div class="tableBottomOne">制表日期：{{ getNowTime()}}</div>
+            <div class="tableBottomOne">总费用：{{order.medfee_sumamt}}元</div>
+        </div>
+        </div>
+    </div>
+</template>
+
+<script>
+  import { uParseTime } from '@/utils/tools'
+
+  export default {
+    props: {
+      list: {
+        type: Array,
+        default: function () {
+          return [];
+        }
+      },
+      patient: {
+        type: Object,
+        default: function () {
+          return {};
+        }
+      }, order: {
+        type: Object,
+        default: function () {
+          return {};
+        }
+      }, admin: {
+        type: Object,
+        default: function () {
+          return {};
+        }
+      },
+    },
+    data(){
+        return{
+            page:1,
+            pageArr:[],
+        }
+    },
+    // mounted(){
+    //     this.getPage()
+    // },
+    methods:{
+      getNowTime: function () {
+        let dateTime;
+        let yy = new Date().getFullYear();
+        let mm = new Date().getMonth() + 1;
+        let dd = new Date().getDate();
+        let hh = new Date().getHours();
+        let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
+          :
+          new Date().getMinutes();
+        let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
+          :
+          new Date().getSeconds();
+        dateTime = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss;
+        return dateTime
+      },
+      getTimes(time) {
+        return uParseTime(time, '{y}-{m}-{d}')
+      },
+      getPage(){
+        if(this.list.length <= 13){
+            this.page = 1;
+            this.pageArr.push(this.list.length)
+        }else if(this.list.length > 13){
+            this.page = parseInt(this.list.length / 13);
+            let num = this.list.length % 13;
+            for (var i=0;i<this.page;i++){
+                this.pageArr.push(13)
+            }
+            if(num != 0){
+                this.pageArr.push(num)
+            }
+        }
+      }
+
+    },
+    watch:{
+        list: {
+            handler(newVal) {
+                this.getPage()
+            },
+            deep: true
+        }
+    }
+
+  }
+
+
+</script>
+
+<style lang="scss" scoped>
+.list-print{
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding:20px 10px;
+}
+.listTitle{
+    font-size: 24px;
+    text-align: center;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+.listInfo{
+    display: flex;
+    font-size: 16px;
+    justify-content: space-between;
+    margin: 10px 0;
+}
+.listTable{
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+    line-height: 40px;
+    font-size: 14px;
+    border-color: #000;
+    text-align: left;
+}
+.listTable tr td {
+    padding: 0 5px;
+}
+.tableBottom{
+    font-size: 16px;
+    display: flex;
+    margin-top: 20px;
+}
+.tableBottomOne{
+    margin-right: 40px;
+}
+</style>

src/xt_pages/hospitalStation/newStatementPrint.vue

@@ -0,0 +1,422 @@
+<template>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        :loading="loading"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+      >打印</el-button
+      >
+    </template>
+
+    <div class='dialysisPage' style="padding-top:40px;">
+      <printOne :info="info" :p_admin="p_admin" :charge_admin="charge_admin"></printOne>
+    </div>
+  </div>
+</template>
+
+<script>
+
+
+  import { parseTime } from "@/utils";
+  import { getDialysisRecord } from "@/api/dialysis";
+  import { getDataConfig } from "@/utils/data";
+  import { jsGetAge, uParseTime } from "@/utils/tools";
+  import axios from 'axios'
+
+  import BreadCrumb from "@/xt_pages/components/bread-crumb";
+  import print from "print-js";
+  import printOne from "./statementTemplate/printOne"
+  import { getAllDoctorList,getAllHisPatientList,getPrescriptionPrint } from "@/api/project/project"
+  export default {
+    name: "newStatementPrint",
+    components: {
+      BreadCrumb,
+      printOne
+    },
+    props:{
+      paramsObj:Object
+    },
+    data() {
+      return {
+        crumbs: [
+          { path: false, name: '门诊医生站' },
+          { path: false, name: '打印' }
+        ],
+        record_date:"",
+        patientTableData:[],
+        advicePrint:[],
+        hisPatient:{},
+        patient:{},
+        search_input:"",
+        loading:false,
+        patient_id:0,
+        prescription_id:0,
+        ids:'',
+        info:null,
+        p_admin:{},
+        charge_admin:{},
+      };
+    },
+    methods:{
+      printThisPage() {
+        var ptime = Math.round(new Date().getTime() / 1000);
+        this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
+
+        const style =
+          '@media print {.statementTitle{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 10px;}.statementTable{width: 100%;text-align: center;border-collapse: collapse;line-height: 40px;font-size: 16px;border-color: #000;}}';
+        printJS({
+          printable: "statement-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
+        //   });
+        // }
+      },
+      getAllDoctorList(){
+        getAllDoctorList().then(response=>{
+          if(response.data.state == 1){
+            var doctor =  response.data.data.doctor;
+
+            this.doctorList = doctor
+          }
+        })
+      },
+      getAllHisPatientList(){
+        const params = {
+          record_date:this.record_date
+        };
+        getAllHisPatientList(params).then(response=>{
+          if(response.data.state == 1){
+            this.patientTableData = response.data.data.list;
+            this.patientTableDataTwo = response.data.data.list;
+
+            console.log('222', 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.$refs.tab.setCurrentRow(this.patientTableData[0])
+            // console.log(this.patientTableData[0])
+            // this.choosePatient(this.patientTableData[0])
+            this.cal_one = cal_one;
+            this.cal_two = cal_two
+          }
+        })
+      },
+
+      changePatient(row){
+        console.log("row",row);
+        this.patient_id = row.patient_id;
+        this.record_date = this.record_date;
+        this.prescription_id = this.prescription_id
+        //   var params = {
+        //     patient_id:row.patient_id,
+        //     record_date:this.record_date,
+        //     prescription_id:this.prescription_id,
+        //   }
+        // getPrescriptionPrint(params).then(response=>{
+        //     if(response.data.state == 1){
+        //       var advicePrint =  response.data.data.advicePrint
+        //       console.log("adviceprint",advicePrint)
+        //       this.advicePrint = advicePrint
+        //       // var hisPatient =  response.data.data.hisPatient
+        //       // console.log("hispatient",hisPatient)
+        //       // this.hisPatient = hisPatient
+        //       var patient =  response.data.data.patient
+        //       console.log("patient",patient)
+        //       this.patient = patient
+        //       var doctorPorject = response.data.data.doctorPorject
+        //       console.log("doctorporject",doctorPorject)
+        //     }
+        // })
+      },
+      searchAction(){
+
+      },
+      getInfo(order_id) {
+        if (this.$store.getters.xt_user.org_id == 3877 || this.$store.getters.xt_user.org_id == 9919 || this.$store.getters.xt_user.org_id == 4  || this.$store.getters.xt_user.org_id == 9538 || this.$store.getters.xt_user.org_id == 9671 ||  this.$store.getters.xt_user.org_id == 9674 || this.$store.getters.xt_user.org_id == 10106 || this.$store.getters.xt_user.org_id == 9990 ) {
+
+          var that = this;
+
+          axios.get('http://127.0.0.1:9532/api/settle/query', {
+            params: {
+              order_id: order_id,
+              admin_user_id:that.$store.getters.xt_user.user.id
+            }
+          })
+            .then(function (response) {
+              if (response.data.state == 0) {
+                this.$message.error(response.data.msg);
+                return false
+              } else {
+                console.log("logloglog");
+
+                console.log(response.data.data.info);
+                that.info = response.data.data.info;
+                that.p_admin = response.data.data.printor_admin;
+                that.charge_admin = response.data.data.charge_admin;
+
+
+                console.log(that.info);
+
+                that.info['bed_cost_total'] = response.data.data.bedCostTotal;
+                that.info['bed_cost_self_total'] = response.data.data.bedCostSelfTotal;
+                that.info['bed_cost_part_self_total'] = response.data.data.bedCostPartSelfTotal;
+
+                that.info['operation_cost_total'] = response.data.data.operationCostTotal;
+                that.info['operation_cost_self_total'] = response.data.data.operationCostSelfTotal;
+                that.info['operation_cost_part_self_total'] = response.data.data.operationCostPartSelfTotal;
+
+                that.info['other_cost_total'] = response.data.data.otherCostTotal;
+                that.info['other_cost_self_total'] = response.data.data.otherCostSelfTotal;
+                that.info['other_cost_part_self_total'] = response.data.data.otherCostPartSelfTotal;
+
+                that.info['material_cost_total'] = response.data.data.materialCostTotal;
+                that.info['material_cost_self_total'] = response.data.data.materialCostSelfTotal;
+                that.info['material_cost_part_self_total'] = response.data.data.materialCostPartSelfTotal;
+
+                that.info['western_medicine_cost_total'] = response.data.data.westernMedicineCostTotal;
+                that.info['western_medicine_cost_self_total'] = response.data.data.westernMedicineCostSelfTotal;
+                that.info['western_medicine_cost_part_self_total'] = response.data.data.westernMedicineCostPartSelfTotal;
+
+                that.info['chinese_traditional_medicine_cost_total'] = response.data.data.chineseTraditionalMedicineCostTotal;
+                that.info['chinese_traditional_medicine_cost_self_total'] = response.data.data.chineseTraditionalMedicineCostSelfTotal;
+                that.info['chinese_traditional_medicine_cost_part_self_total'] = response.data.data.chineseTraditionalMedicineCostPartSelfTotal;
+
+
+                that.info['check_cost_total'] = response.data.data.checkCostTotal;
+                that.info['check_cost_self_total'] = response.data.data.checkCostSelfTotal;
+                that.info['check_cost_part_self_total'] = response.data.data.checkCostPartSelfTotal;
+
+
+                that.info['laboratory_cost_total'] = response.data.data.laboratoryCostTotal;
+                that.info['laboratory_cost_self_total'] = response.data.data.laboratoryCostSelfTotal;
+                that.info['laboratory_cost_part_self_total'] = response.data.data.laboratoryCostPartSelfTotal;
+
+                that.info['treat_cost_total'] = response.data.data.treatCostTotal;
+                that.info['treat_cost_self_total'] = response.data.data.treatCostSelfTotal;
+                that.info['treat_cost_part_self_total'] = response.data.data.treatCostPartSelfTotal;
+                console.log(this.info)
+              }
+            })
+            .catch(function (error) {
+
+            });
+        }
+      }
+
+    },
+
+    created() {
+      this.getInfo(this.paramsObj.order_id)
+    },
+    watch:{
+      paramsObj:{//深度监听，可监听到对象、数组的变化
+        handler(val, oldVal){
+          this.paramsObj = val;
+          this.getInfo(this.paramsObj.order_id)
+
+        },
+        deep:true
+      }
+    }
+
+  };
+</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/hospitalStation/newStatementPrintTwo.vue

@@ -0,0 +1,358 @@
+<template>
+    <div>
+        <template>
+            <el-button
+                    style="position:fixed;right:25px;z-index:999"
+                    :loading="loading"
+                    size="small"
+                    icon="el-icon-printer"
+                    @click="printThisPage"
+                    type="primary"
+            >打印</el-button
+            >
+        </template>
+
+        <div class='dialysisPage' style="padding-top:40px;">
+            <!--<printOne :info="info"></printOne>-->
+            <print-one :info="info"></print-one>
+        </div>
+    </div>
+</template>
+
+<script>
+
+
+  import { parseTime } from "@/utils";
+  import { getDialysisRecord } from "@/api/dialysis";
+  import { getDataConfig } from "@/utils/data";
+  import { jsGetAge, uParseTime } from "@/utils/tools";
+  import axios from 'axios'
+  import BreadCrumb from "@/xt_pages/components/bread-crumb";
+  import print from "print-js";
+  import printOne from "./newTreatTemplate/printOne"
+  export default {
+    name: "newStatementPrintTwo",
+    components: {
+      BreadCrumb,
+      printOne
+    },
+    props:{
+      paramsObj:Object
+    },
+    data() {
+      return {
+        crumbs: [
+          { path: false, name: '门诊医生站' },
+          { path: false, name: '打印' }
+        ],
+        record_date:"",
+        patientTableData:[],
+        advicePrint:[],
+        hisPatient:{},
+        patient:{},
+        search_input:"",
+        loading:false,
+        patient_id:0,
+        prescription_id:0,
+        ids:'',
+        info:null,
+      };
+    },
+    methods:{
+      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: 20px;text-align: center;font-weight: bold;}.infoMain{display: flex;flex-wrap: wrap;padding:0 10px;margin-top:10px;font-size:12px;}.infoMain .infoP{width: 33%;}.chargeBox{border: 1px solid #000;font-size:12px;}.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;font-size:12px;}.actionBar{display: flex;justify-content: space-between; line-height: 24px;padding:0 10px;font-size:12px;}.actionBar div{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
+        //   });
+        // }
+      },
+
+      searchAction(){
+
+      },
+      getInfo(obj) {
+        if (this.$store.getters.xt_user.org_id == 9504 || this.$store.getters.xt_user.org_id == 10028) {
+          var that = this;
+          axios.get('http://127.0.0.1:9532/sz/api/settle/query', {
+            params: obj
+          })
+            .then(function (response) {
+              if (response.data.state == 0) {
+                this.$message.error(response.data.msg);
+                return false
+              } else {
+                if (response.data.data.failed_code == -10) {
+                  that.$message.error(response.data.data.msg)
+
+                } else {
+
+                  console.log("～～～～");
+                  that.info = response.data.data.result;
+                  console.log(that.info);
+
+                  that.info['org_code'] = response.data.data.org_code;
+                  that.info['patient_name'] = response.data.data.patient_name;
+                  that.info['doctor_code'] = response.data.data.doctor_code;
+                  that.info['doctor_name'] = response.data.data.doctor_name;
+                  if(response.data.data.health_card_no_two.length == 0){
+                    that.info['health_card_no'] = response.data.data.health_card_no
+                  }else{
+                    that.info['health_card_no'] = response.data.data.health_card_no_two
+                  }
+
+                  that.info['order_number'] = response.data.data.order_number;
+
+                  that.info['department'] =  response.data.data.department;
+                  that.info['yiliao_leibie'] =  response.data.data.yiliao_leibie;
+
+                  that.info['before_money'] =  response.data.data.before_money;
+                  that.info['after_money'] =   response.data.data.after_money;
+
+                  that.info['org_name'] = that.$store.getters.xt_user.org.org_name;
+                  console.log("～～～～" + that.info);
+
+                  var name_arr = [];
+                  var spec_arr = [];
+                  var count_arr = [];
+                  var price_arr = [];
+                  var total_arr = [];
+                  for (let i = 0; i < that.info.transBody.outputlist1.length; i++) {
+                    name_arr.push(that.info.transBody.outputlist1[i].ake006);
+                    spec_arr.push(that.info.transBody.outputlist1[i].aka074);
+                    count_arr.push(that.info.transBody.outputlist1[i].akc226);
+                    price_arr.push(that.info.transBody.outputlist1[i].akc225);
+                    total_arr.push(that.info.transBody.outputlist1[i].akc264)
+                  }
+
+                  console.log("～～～" + that.info);
+
+                  that.info['name_arr'] = name_arr;
+                  that.info['spec_arr'] = spec_arr;
+                  that.info['count_arr'] = count_arr;
+                  that.info['price_arr'] = price_arr;
+                  that.info['total_arr'] = total_arr;
+                  that.info['record_date'] = obj.record_time;
+
+                  console.log("～～" + that.info)
+
+                }
+              }
+            })
+            .catch(function (error) {
+
+            });
+        }
+      }
+
+    },
+
+    created() {
+      this.getInfo(this.paramsObj)
+    },
+    watch:{
+      paramsObj:{//深度监听，可监听到对象、数组的变化
+        handler(val, oldVal){
+          this.paramsObj = val;
+          this.getInfo(this.paramsObj)
+
+        },
+        deep:true
+      }
+    }
+
+  };
+</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/hospitalStation/newTreatTemplate/printOne.vue

@@ -0,0 +1,340 @@
+<template>
+    <div>
+        <div id='prescription-print' class="prescription-print">
+            <div v-for='(i,pageIndex) in pageArr.length' :key="pageIndex">
+                <div class="printTitle">血液透析中心医药费收据及收费项目清单</div>
+                <div class="infoMain">
+                    <div class="infoP">医院(药店)编号：{{info.org_code}}</div>
+                    <div class="infoP">名称：{{info.org_name}}</div>
+                    <div class="infoP">医生工号：{{info.doctor_code}}</div>
+                    <div class="infoP">门诊流水号：{{info.transBody.akc190}}</div>
+                    <div class="infoP">科别: {{info.department}}</div>
+                    <div class="infoP">处方单据号：{{info.order_number}}</div>
+                    <div class="infoP">姓名：{{info.patient_name}}</div>
+                    <div class="infoP">医疗账号：{{info.health_card_no}}</div>
+                    <div class="infoP">医疗类别：{{info.yiliao_leibie}}</div>
+                </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,index) in info.transBody.outputlist2" :key="index">
+                                <p style="width:50%;">{{getItemName(item.aka111)}}</p>
+                                <p style="width:50%;">{{item.bka058?item.bka058:0}}元</p>
+                            </div>
+                            <div class="chargeUl" style="border-top:1px solid #000;">
+                                <p style="width:50%;">费用合计</p>
+                                <p style="width:50%;">{{info.transBody.akc264?info.transBody.akc264:0}}元</p>
+                            </div>
+                            <div class="chargeUl" style="border-top:1px solid #000;">
+                                <p style="width:50%;">记账支付</p>
+                                <p style="width:50%;">{{info.transBody.akb068?info.transBody.akb068:0}}元</p>
+                            </div>
+                            <div class="chargeUl" style="border-top:1px solid #000;">
+                                <p style="width:50%;">个人账号</p>
+                                <p style="width:50%;">{{info.transBody.akc266?info.transBody.akc266:0}}元</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%;">{{info.transBody.akb067?info.transBody.akb067:0}}元</p>
+                            </div>
+                        </div>
+                        <div style="width:80%;display:flex;max-height:500px;">
+
+                            <div style="border-left:1px solid #000;border-right:1px solid #000;width:40%;text-align:center;">
+                                <p v-for="(item,i) in info.name_arr.slice(pageIndex * 13,(pageIndex * 13) + pageArr[pageIndex])" :key="i" class="chargeP">
+                                    {{item}}</p>
+                            </div>
+                            <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                                <p v-for="(item,y) in info.spec_arr.slice(pageIndex * 13,(pageIndex * 13) + pageArr[pageIndex])" :key="y" class="chargeP">
+                                    {{item}}</p>
+                            </div>
+                            <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                                <p v-for="(item,z) in info.count_arr.slice(pageIndex * 13,(pageIndex * 13) + pageArr[pageIndex])" :key="z" class="chargeP">
+                                    {{item}}次</p>
+                            </div>
+                            <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                                <p v-for="(item,f) in info.price_arr.slice(pageIndex * 13,(pageIndex * 13) + pageArr[pageIndex])" :key="f" class="chargeP">{{item}}元</p>
+                            </div>
+                            <div style="width:15%;text-align:center;">
+                                <p v-for="(item,d) in info.total_arr.slice(pageIndex * 13,(pageIndex * 13) + pageArr[pageIndex])" :key="d" class="chargeP">{{item}}元</p>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                <div class="moneyBox">
+                    <p>实收金：{{info.transBody.akc264}}元</p>
+                    <p>记账前金额：{{info.before_money}}元</p>
+                    <p>扣款金额：{{0.00}}元</p>
+                    <p>记账后金额：{{info.after_money}}元</p>
+                    <p>找赎金：{{0.00}}元</p>
+                </div>
+                <div class="actionBar">
+                    <div>收费员：{{info.doctor_name}}</div>
+                    <div>日期：{{info.record_date}}</div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+</template>
+<script>
+  import axios from 'axios'
+  import { getChargePrint } from '@/api/project/project'
+
+  export default {
+    data() {
+      return {
+        list: {},
+        prescription: [],
+        patient: {},
+        orgname: '',
+
+        result: {},
+        org_code: '',
+        patient_name: '',
+        doctor_code: '',
+        doctor_name: '',
+
+        name_arr: [],
+        spec_arr: [],
+        count_arr: [],
+        price_arr: [],
+        total_arr: [],
+
+        page:1,
+        pageArr:[],
+
+      }
+    },
+    props: {
+      info: Object
+    },
+    methods: {
+      getItemName(number) {
+        switch (number) {
+          case '01':
+            return '床位费';
+            break;
+          case '02':
+            return '西药费';
+
+            break;
+          case '03':
+            return '中药费';
+
+            break;
+          case '04':
+            return '中成药费';
+
+            break;
+          case '05':
+            return '中草药费';
+
+            break;
+          case '06':
+            return '检查费';
+
+            break;
+          case '07':
+            return '治疗费';
+
+            break;
+          case '08':
+            return '放射费';
+
+            break;
+          case '09':
+            return '手术费';
+
+            break;
+          case '10':
+            return '化验费';
+
+            break;
+          case '11':
+            return '输血费';
+
+            break;
+          case '12':
+            return '输氧费';
+
+            break;
+          case '13':
+            return '其它费';
+
+            break;
+          case '14':
+            return '麻醉费';
+
+            break;
+          case '15':
+            return '材料费';
+
+            break;
+          case '16':
+            return '特殊检查费';
+
+            break;
+          case '17':
+            return '特殊治疗费';
+
+            break;
+          case '18':
+            return '诊疗费(诊查费)';
+
+            break;
+          case '19':
+            return '护理费';
+
+            break;
+          case '20':
+            return '诊金';
+
+            break;
+          case '21':
+            return '检查费（CT）';
+
+            break;
+          case '22':
+            return '检查费（MRT）';
+
+            break;
+          case '23':
+            return '检查费（其他）';
+
+            break;
+          case '24':
+            return '特需服务费';
+
+            break;
+          case '25':
+            return '杂费';
+
+            break;
+          case '26':
+            return '挂号费';
+            break
+
+        }
+
+      },
+      getPage(){
+        this.page = 1;
+        this.pageArr = [];
+        if(this.info.name_arr.length <= 13){
+            this.page = 1;
+            this.pageArr.push(this.info.name_arr.length);
+            console.log('this.pageArr',this.pageArr)
+        }else if(this.info.name_arr.length > 13){
+            this.page = parseInt(this.info.name_arr.length / 13);
+            let num = this.info.name_arr.length % 13;
+            for (var i=0;i<this.page;i++){
+                this.pageArr.push(13)
+            }
+            if(num != 0){
+                this.pageArr.push(num)
+            }
+        }
+      }
+    },
+    created() {
+
+
+    },
+    watch:{
+      info: {
+        handler(newVal) {
+            this.getPage()
+        },
+        deep: true,
+      }
+    }
+
+  }
+</script>
+
+
+<style lang="scss" scoped>
+    .prescription-print {
+        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+        margin-bottom: 20px;
+        padding: 20px 10px;
+    }
+
+    .printTitle {
+        font-size: 22px;
+        text-align: center;
+        font-weight: bold;
+    }
+
+    .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 div {
+        width: 150px;
+    }
+</style>

src/xt_pages/hospitalStation/outpatientInvoice.vue

@@ -0,0 +1,77 @@
+<template>
+    <div class="main-contain outpatientChargesManagement">
+        <div class="position">
+            <bread-crumb :crumbs='crumbs'></bread-crumb>
+        </div>
+        <div class="app-container">
+            <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
+                <div>
+                    <el-input size="small" style="width:150px;" @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>
+                <el-button size="small" type="danger">删除</el-button>
+            </div>
+            <el-table :data="tableData" border height="500" style="width: 100%;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+                <el-table-column type="selection" width="55" align="center"></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="操作员">
+                    <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="发票止">
+                    <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="备注">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="操作">
+                    <template slot-scope="scope">
+                        <el-button size="mini" type="danger">删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+export default {
+    components:{
+        BreadCrumb,
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '门诊收费' },
+                { path: false, name: '门诊发票' }
+            ],
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+            }]
+        }
+    }
+}
+</script>

src/xt_pages/hospitalStation/printtwo.vue

@@ -0,0 +1,350 @@
+<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"  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"   @current-change="changePatient" highlight-current-row :data="patientTableData"
+                 height="480" border style="width: 100%">
+                    <el-table-column prop="date"  label="患者">
+                      <template slot-scope="scope">{{scope.row.patients?scope.row.patients.name:''}}</template>
+                    </el-table-column>
+                    <el-table-column prop="name" label="就诊号">
+                        <template slot-scope="scope">{{ scope.row.his_patient ?scope.row.his_patient.number:''}}</template>
+                    </el-table-column>
+                </el-table>
+            </div>
+
+            <div class='dialysisPage' style="flex: 1;height: calc(100vh - 178px);overflow-x:auto;::-webkit-scrollbar:height:15px">
+              <printTwo v-bind:childResponse="childResponse" :advicePrint="advicePrint" :patient="patient" :hisPatient="hisPatient" :doctorPorject="doctorPorject" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id"></printTwo>
+            </div>
+        </el-container>
+    </div>
+  </div>
+</template>
+
+<script>
+
+
+import { parseTime } from "@/utils";
+import { getDialysisRecord } from "@/api/dialysis";
+import { getDataConfig } from "@/utils/data";
+import { jsGetAge, uParseTime } from "@/utils/tools";
+
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import print from "print-js";
+import printTwo from "./template/printTwo"
+import { getAllDoctorList,getAllHisPatientList,getPrescriptionPrint } from "@/api/project/project"
+export default {
+  name: "dialysisPrintOrder",
+  components: {
+    BreadCrumb,
+    printTwo
+  },
+  data() {
+    return {
+       record_date:"",
+       patientTableData:[],
+       advicePrint:[],
+       hisPatient:{},
+       patient:{},
+       patient_id:0,
+       prescription_id:0,
+    };
+  },
+  methods:{
+    printThisPage() {
+      var ptime = Math.round(new Date().getTime() / 1000);
+      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
+
+      const style =
+        '@media print {#prescription-print{font-size:14px;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; padding:0 10px;}.infoTitle p{width: 200px;font-size:14px;}.infoMain{display: flex;flex-wrap: wrap;border-bottom: 2px solid #000;padding:0 10px;}.infoMain div{width: 50%;line-height: 24px;}.prescriptionBox{padding:0 10px;min-height:450px;}.Rp{font-size: 22px;font-weight: bold;}.drugsBox{padding-left: 40px;margin-bottom: 10px;margin-bottom: 10px;}.drugsBox div{line-height: 20px;} .drugsOne{line-height: 1px;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}';
+      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
+      //   });
+      // }
+    },
+    getAllDoctorList(){
+      getAllDoctorList().then(response=>{
+        if(response.data.state == 1){
+               var doctor =  response.data.data.doctor;
+
+               this.doctorList = doctor
+             }
+         })
+     },
+    getAllHisPatientList(){
+         const params = {
+           record_date:this.record_date
+         };
+      getAllHisPatientList(params).then(response=>{
+         if(response.data.state == 1){
+            this.patientTableData = response.data.data.list;
+            this.patientTableDataTwo = response.data.data.list;
+
+            console.log('222', 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.$refs.tab.setCurrentRow(this.patientTableData[0]);
+            console.log(this.patientTableData[0]);
+            this.choosePatient(this.patientTableData[0]);
+            this.cal_one = cal_one;
+            this.cal_two = cal_two
+         }
+      })
+    },
+
+    changePatient(row){
+      console.log("row",row);
+      this.patient_id = row.patient_id;
+      this.record_date = this.record_date;
+      this.prescription_id = this.prescription_id
+      //   var params = {
+      //     patient_id:row.patient_id,
+      //     record_date:this.record_date,
+      //   }
+      // getPrescriptionPrint(params).then(response=>{
+      //     if(response.data.state == 1){
+      //       var advicePrint =  response.data.data.advicePrint
+      //       console.log("adviceprint",advicePrint)
+      //       this.advicePrint = advicePrint
+      //       // var hisPatient =  response.data.data.hisPatient
+      //       // console.log("hispatient",hisPatient)
+      //       // this.hisPatient = hisPatient
+      //       var patient =  response.data.data.patient
+      //       console.log("patient",patient)
+      //       this.patient = patient
+      //       var doctorPorject = response.data.data.doctorPorject
+      //       console.log("doctorporject",doctorPorject)
+      //     }
+      // })
+    }
+
+  },
+
+  created() {
+    this.getAllDoctorList();
+    var record_date = this.$route.query.record;
+    this.record_date = record_date;
+    console.log("record_date",record_date);
+    this.patient_id = this.$route.query.patient_id;
+    this.prescription_id = this.$route.query.prescription_id;
+    this.getAllHisPatientList(record_date)
+  },
+
+};
+</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/hospitalStation/recordPrint.vue

@@ -0,0 +1,352 @@
+<template>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+        >打印</el-button
+      >
+    </template>
+
+    <div class='dialysisPage' style="padding-top:40px;">
+      <printOne v-bind:childResponse="childResponse" :patient="patient" :hispatient="hispatient" :history="history" :patientid="patientid"></printOne>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import { parseTime } from "@/utils";
+import { getDataConfig } from "@/utils/data";
+import { jsGetAge, uParseTime } from "@/utils/tools";
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import print from "print-js";
+import { getSchedulePatientList } from '@/api/his/his'
+import { getPatientCaseHistory } from "@/api/project/project"
+import printOne from "./recordTemplate/printOne"
+export default {
+  name: "dialysisPrintOrder",
+  components: {
+    BreadCrumb,
+    printOne
+  },
+  props:{
+    patientid:Number,
+  },
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: "透析管理" },
+        { path: false, name: "打印单" }
+      ],
+      childResponse: {},
+      patientTableData: [],
+      search_input:"",
+      patient:{},
+      hispatient:{},
+      educationOptions:[],
+      history:{},
+      keyword:"",
+    };
+  },
+  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;padding:0 10px;}.infoTitle div{width: 200px;}.otherInfo{display: flex;margin-top:20px;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 div{width: 200px;}}';
+      printJS({
+        printable: "prescription-print",
+        type: "html",
+        style: style,
+        scanStyles: false
+      });
+    },
+
+     //患者列表
+      getPatientList(){
+
+         let params = {
+           'record_date':this.$route.query.record,
+        };
+
+      getSchedulePatientList(params).then(response => {
+         if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+         } else {
+            this.patientTableData = [];
+            console.log("list0000000",response.data.data.list);
+            // 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) {
+            //      this.patientTableData.push(response.data.data.list[i])
+            //     }
+            //   }
+              this.patientTableData = response.data.data.list
+             }
+          })
+      },
+
+    changePatient(val){
+
+        const params = {
+          patient_id:val.patient_id
+        };
+        console.log("params",params);
+      getPatientCaseHistory(params).then(response=>{
+         if(response.data.state == 1){
+           var patient = response.data.data.patient;
+           console.log("patinet",patient);
+           this.patient = patient;
+           var history = response.data.data.history;
+           console.log("history",history);
+           this.history = history;
+           var hispatient = response.data.data.hispatient;
+           console.log("hispatient",hispatient);
+           this.hispatient = hispatient
+         }
+      })
+    },
+    searchAction(){
+      this.getPatientList()
+    },
+
+  },
+  created() {
+    // this.getPatientList()
+
+  },
+  // 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/hospitalStation/recordTemplate/printOne.vue

@@ -0,0 +1,239 @@
+<template>
+<div id='prescription-print'>
+    <div class="prescription-print">
+        <div class="printTitle">{{orgname}} &nbsp;&nbsp; 门诊病历</div>
+        <div class="infoTitle">
+            <div>姓名：{{patient.name?patient.name:''}}</div>
+            <div>性别：
+                <span v-if="patient.gender == 1">男</span>
+                <span v-if="patient.gender == 2">女</span>
+            </div>
+            <div>年龄：{{patient.age?patient.age:''}}岁</div>
+        </div>
+        <div class="infoTitle">
+            <div>婚姻状况：
+              <span v-if="patient.marital_status == 1">未婚</span>
+              <span v-if="patient.marital_status == 2">已婚</span>
+              <span v-if="patient.marital_status == 3">离异</span>
+            </div>
+            <div>职业：{{getProfession(patient.profession)?getProfession(patient.profession):''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div>医保号：</div>
+            <div style="flex:1;">{{patient.health_care_no?patient.health_care_no:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div>联系电话：</div>
+            <div style="flex:1;">{{patient.phone?patient.phone:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div>通讯地址：</div>
+            <div style="flex:1;">{{patient.home_address?patient.home_address:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div>药物过敏史：</div>
+            <div style="flex:1;">{{patient.past_history?patient.past_history:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div>病历编号：</div>
+            <div style="flex:1;">{{patient.id?patient.id:''}}</div>
+        </div>
+        <div style="page-break-after:always;margin-top:50px;"></div>
+    </div>
+
+    <div class="prescription-print">
+        <div class="printTitle">病历内容</div>
+        <div class="recordTitle">
+            <div>科别：{{getDeparment(hispatient.departments)?getDeparment(hispatient.departments):''}}</div>
+            <div>姓名：{{patient.name?patient.name:''}}</div>
+            <div>性别：
+                <span v-if="patient.gender == 1">男</span>
+                <span v-if="patient.gender == 2">女</span>
+            </div>
+            <div>年龄：{{patient.age?patient.age:''}}岁</div>
+        </div>
+        <div class="otherInfo">
+            <div class="otherName">主诉：</div>
+            <div style="flex:1;">{{history.chief_conplaint?history.chief_conplaint:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div class="otherName">现病史：</div>
+            <div style="flex:1;">{{history.history_of_present_illness?history.history_of_present_illness:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div class="otherName">既往史：</div>
+            <div style="flex:1;">{{history.past_history?history.past_history:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div class="otherName">药物过敏史：</div>
+            <div style="flex:1;">{{history.allergic_history?history.allergic_history:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div class="otherName">个人史：</div>
+            <div style="flex:1;">{{history.personal_history?history.personal_history:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div class="otherName">家族史：</div>
+            <div style="flex:1;">{{history.family_history?history.family_history:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div class="otherName">体格检查：</div>
+            <div style="flex:1;">无</div>
+        </div>
+        <div class="otherInfo">
+            <div class="otherName">门诊诊断：</div>
+            <div style="flex:1;">{{history.diagnostic?history.diagnostic:''}}</div>
+        </div>
+        <div class="otherInfo">
+            <div class="otherName">门诊医嘱：</div>
+            <div style="flex:1;">{{history.doctor_advice?history.doctor_advice:''}}</div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div style="margin-top:20px;">
+                打印日期：{{ printDate }}
+            </div>
+            <div style="margin-top:20px;text-align:right;">
+                医生签名：{{getDoctor(history.doctor)?getDoctor(history.doctor):''}}
+            </div>
+        </div>
+    </div>
+</div>
+</template>
+<script>
+
+import { getDataConfig } from "@/utils/data";
+import { getAllDoctorList,getPatientCaseHistory } from "@/api/project/project"
+export default {
+    props:{
+      patient:Object,
+      hispatient:Object,
+      patientid:Number
+    //   history:Object,
+    },
+    data(){
+        return{
+            educationOptions:[],
+            departmentList:[],
+            orgname:'',
+            history:{},
+            printDate:''
+        }
+    },
+    methods:{
+      getProfession(id){
+        var name = "";
+        for(let i=0;i<this.educationOptions.length;i++){
+            if(id == this.educationOptions[i].id){
+                name = this.educationOptions[i].name
+            }
+        }
+        return name
+      },
+      getAllDoctorList(){
+           getAllDoctorList().then(response=>{
+             if(response.data.state == 1){
+               var doctor =  response.data.data.doctor;
+
+               this.doctorList = doctor;
+               var department = response.data.data.department;
+               console.log("department",department);
+               this.departmentList = department
+             }
+           })
+       },
+      getDoctor(id){
+        var name = "";
+        for(let i=0;i<this.doctorList.length;i++){
+          if(id == this.doctorList[i].admin_user_id){
+              name = this.doctorList[i].user_name
+          }
+        }
+        return name
+      },
+      getPatientCaseHistory(){
+
+        const params = {
+          patient_id:this.patientid
+        };
+      console.log("病历22222",params);
+      getPatientCaseHistory(params).then(response=>{
+         if(response.data.state == 1){
+           var patient = response.data.data.patient;
+        //    console.log("patinet",patient)
+           this.patient = patient;
+           var history = response.data.data.history;
+           console.log("中国history222222",history);
+           this.history = history;
+           var hispatient = response.data.data.hispatient;
+        //    console.log("hispatient",hispatient)
+           this.hispatient = hispatient
+         }
+      })
+    },
+    getDeparment(id){
+
+     var name = '';
+     for(let i=0;i<this.departmentList.length;i++){
+         if(id == this.departmentList[i].id){
+            name = this.departmentList[i].name
+         }
+      }
+      return name
+    }
+    },
+    created(){
+        this.educationOptions = getDataConfig("patient", "education_types");
+        this.getAllDoctorList();
+        this.getPatientCaseHistory();
+
+        var xtuser = this.$store.getters.xt_user;
+        this.orgname = xtuser.org.org_name;
+        var data = new Date();
+        var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;
+        var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate();
+        this.printDate = data.getFullYear() + "-" + month + "-" + date;
+    }
+}
+</script>
+
+
+<style lang="scss" scoped>
+.prescription-print{
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding:20px 10px;
+}
+.printTitle{
+    font-size: 22px;
+    text-align: center;
+    font-weight: bold;
+}
+.infoTitle{
+    display: flex;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+}
+.infoTitle div{
+    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 div{
+    width: 200px;
+}
+
+</style>

src/xt_pages/hospitalStation/settlementPrint.vue

@@ -0,0 +1,162 @@
+<template>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        :loading="loading"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+        >打印</el-button
+      >
+    </template>
+    <div class="app-container" style="padding-top:40px;">
+        <div class='dialysisPage'>
+            <printOne v-bind:childResponse="childResponse" :paramsObj="paramsObj"></printOne>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import { jsGetAge, uParseTime } from "@/utils/tools";
+// import LabelBox from "./printItem/LabelBox";
+import print from "print-js";
+import printOne from "./settlementTemplate/printOne"
+export default {
+  name: "dialysisPrintOrder",
+  components: {
+    printOne
+  },
+  props:{
+    paramsObj:Object
+  },
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: "透析管理" },
+        { path: false, name: "打印单" }
+      ],
+      childResponse: {},
+      paramsObj:{}
+
+
+    };
+  },
+  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%;}.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 div{width:150px;}}';
+        const style1 = "@media print{#prescription-print{font-size:14px;}.title{text-align: center;font-size: 22px;font-weight: bold;}.row{display: flex;justify-content: space-between;}.under_line{border-bottom: 1px solid #999;width: 95%;text-align: center;margin-left: 2px;display: inline-block;}.inline_block{display: inline-block;}.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: 14px;padding: 5px 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;}}";
+        printJS({
+            printable: "prescription-print",
+            type: "html",
+            style: style1,
+            scanStyles: false
+        });
+
+      // if (this.org_template_info.template_id == 1) {
+      //   printJS({
+      //     printable: "dialysis-print-box",
+      //     type: "html",
+      //     style: style,
+      //     scanStyles: false
+      //   });
+      // }
+    },
+  },
+  created() {
+  },
+  watch:{
+    paramsObj:{//深度监听，可监听到对象、数组的变化
+      handler(val, oldVal){
+        this.paramsObj = val
+
+      },
+      deep:true
+    }
+  }
+};
+</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/hospitalStation/settlementTemplate/printOne.vue

@@ -0,0 +1,461 @@
+<template>
+    <div id="prescription-print" class="print_page_main_content">
+        <div class="title">医疗保障基金结算清单</div>
+        <div style="text-align:right;">清单流水号 <div style="width:120px;" class="under_line"></div></div>
+        <div class="row">
+            <div>定点医疗机构名称<div style="width:120px;" class="under_line"></div></div>
+            <div>定点医疗机构代码<div style="width:120px;" class="under_line"></div></div>
+            <div>医保结算等级<div style="width:120px;" class="under_line"></div></div>
+        </div>
+        <div class="row">
+            <div>医保编号<div style="width:120px;" class="under_line"></div></div>
+            <div>病案号<div style="width:120px;" class="under_line"></div></div>
+            <div>申报时间
+                <div style="width:40px;" class="under_line"></div>年
+                <div style="width:40px;" class="under_line"></div>月
+                <div style="width:40px;" class="under_line"></div>日
+            </div>
+        </div>
+        <div>
+            <table class="proj_table">
+                <tbody>
+                    <tr>
+                        <td style="letter-spacing:5px;text-align:center;font-weight:520;font-size:16px;padding: 6px 8px;line-height: 30px;">
+                            一、基本信息
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div class="row">
+                                <div class="inline_block">姓名
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block">性别
+                                    <label-box :isChecked="false" showValue="男"></label-box>
+                                    <label-box :isChecked="false" showValue="女"></label-box>
+                                </div>
+                                <div class="inline_block">出生日期
+                                    <div style="width:40px;" class="under_line"></div>年
+                                    <div style="width:40px;" class="under_line"></div>月
+                                    <div style="width:40px;" class="under_line"></div>日
+                                </div>
+                                <div class="inline_block">年龄
+                                    <div style="width:80px;" class="under_line"></div>岁
+                                </div>
+                                <div class="inline_block">国籍
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="inline_block">(年龄不足1周岁)年龄
+                                    <div style="width:80px;" class="under_line"></div>天
+                                </div>
+                                <div class="inline_block">民族
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block">患者证件类别
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block">患者证件号码
+                                    <div style="width:140px;" class="under_line"></div>
+                                </div>
+                            </div>
+                            <div>
+                                <div class="inline_block">职业
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block" style="width:80px;"></div>
+                                <div class="inline_block">现住址
+                                    <div style="width:80px;" class="under_line"></div>省（区、市）
+                                    <div style="width:80px;" class="under_line"></div>市
+                                    <div style="width:80px;" class="under_line"></div>县
+                                    <div style="width:140px;" class="under_line"></div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="inline_block">工作单位名称
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block">工作单位地址
+                                    <div style="width:160px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block">单位电话
+                                    <div style="width:120px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block">邮编
+                                    <div style="width:120px;" class="under_line"></div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="inline_block">联系人姓名
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block">关系
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block">地址
+                                    <div style="width:80px;" class="under_line"></div>省（区、市）
+                                    <div style="width:80px;" class="under_line"></div>市
+                                    <div style="width:80px;" class="under_line"></div>县
+                                    <div style="width:140px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block">电话
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div style="width:33%;">医保类型<div style="width:120px;" class="under_line"></div></div>
+                                <div style="width:33%;">特殊人员类型<div style="width:120px;" class="under_line"></div></div>
+                                <div style="width:33%;">参保地<div style="width:120px;" class="under_line"></div></div>
+                            </div>
+                            <div class="row">
+                                <div style="width:33%;">新生儿入院类型<div style="width:120px;" class="under_line"></div></div>
+                                <div style="width:33%;">新生儿出生体重<div style="width:120px;" class="under_line"></div>克</div>
+                                <div style="width:33%;">新生儿入院体重<div style="width:120px;" class="under_line"></div>克</div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td style="letter-spacing:5px;text-align:center;font-weight:520;font-size:16px;padding: 6px 8px;line-height: 30px;">
+                            二、门诊慢特病诊疗信息
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div class="row">
+                                <div class="inline_block">诊断科别
+                                    <div style="width:100px;" class="under_line"></div>
+                                </div>
+                                <div class="inline_block">就诊日期
+                                    <div style="width:100px;" class="under_line"></div>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td style="padding:0;line-height:30px;height:30px;">
+                            <table class="inside_table">
+                                <tbody>
+                                    <tr>
+                                        <td style="width:25%;">诊断名称</td>
+                                        <td style="width:25%;">诊断代码</td>
+                                        <td style="width:25%;">手术及操作名称</td>
+                                        <td style="width:25%;">手术及操作代码</td>
+                                    </tr>
+                                    <tr v-for="item in 6">
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td style="letter-spacing:5px;text-align:center;font-weight:520;font-size:16px;padding: 6px 8px;line-height: 30px;">
+                            三、住院诊疗信息
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div class="inline_block">住院医疗类型
+                                <label-box :isChecked="false" showValue="1.住院"></label-box>
+                                <label-box :isChecked="false" showValue="2.日间手术"></label-box>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div>
+                                <div class="inline_block">入院途径
+                                    <label-box :isChecked="false" showValue="1.急诊"></label-box>
+                                    <label-box :isChecked="false" showValue="2.门诊"></label-box>
+                                    <label-box :isChecked="false" showValue="3.其他医疗机构转入"></label-box>
+                                    <label-box :isChecked="false" showValue="9.其他"></label-box>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div>
+                                <div class="inline_block">治疗类别
+                                    <label-box :isChecked="false" showValue="1.西医"></label-box>
+                                    <label-box :isChecked="false" showValue="2.中医"></label-box>
+                                    （
+                                    <label-box :isChecked="false" showValue="2.1 中医"></label-box>
+                                    <label-box :isChecked="false" showValue="2.2 民族医"></label-box>
+                                    ）
+                                    <label-box :isChecked="false" showValue="3.中西医"></label-box>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div class="row">
+                                <div style="width:40%" class="inline_block">入院时间
+                                    <div style="width:40px;" class="under_line"></div>年
+                                    <div style="width:40px;" class="under_line"></div>月
+                                    <div style="width:40px;" class="under_line"></div>日
+                                    <div style="width:40px;" class="under_line"></div>时
+                                </div>
+                                <div style="width:30%" class="inline_block">入院科别
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div style="width:30%" class="inline_block">转科科别
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div class="row">
+                                <div style="width:40%" class="inline_block">出院时间
+                                    <div style="width:40px;" class="under_line"></div>年
+                                    <div style="width:40px;" class="under_line"></div>月
+                                    <div style="width:40px;" class="under_line"></div>日
+                                    <div style="width:40px;" class="under_line"></div>时
+                                </div>
+                                <div style="width:30%" class="inline_block">出院科别
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div style="width:30%" class="inline_block">实际住院
+                                    <div style="width:80px;" class="under_line"></div>天
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div class="row">
+                                <div style="width:40%" class="inline_block">门（急）诊诊断（西医诊断）
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div style="width:30%" class="inline_block">疾病代码
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div style="width:30%" class="inline_block">
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div style="width:40%" class="inline_block">门（急）诊诊断（中医诊断）
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div style="width:30%" class="inline_block">疾病代码
+                                    <div style="width:80px;" class="under_line"></div>
+                                </div>
+                                <div style="width:30%" class="inline_block">
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td style="padding:0;line-height:30px;height:30px;">
+                            <table class="inside_table">
+                                <tbody>
+                                    <tr>
+                                        <td style="width:20%;">出院西医诊断</td>
+                                        <td style="width:15%;">疾病代码</td>
+                                        <td style="width:15%;">入院病情</td>
+                                        <td style="width:20%;">出院中医诊断</td>
+                                        <td style="width:15%;">疾病代码</td>
+                                        <td style="width:15%;">入院病情</td>
+                                    </tr>
+                                    <tr>
+                                        <td style="text-align:left;">&nbsp;主要诊断：</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td style="text-align:left;">&nbsp;主病：</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                    </tr>
+                                    <tr>
+                                        <td style="text-align:left;">&nbsp;其他诊断：</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td style="text-align:left;">&nbsp;主证：</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                    </tr>
+                                    <tr v-for="item in 7">
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div class="inline_block">诊断代码计数
+                                <div style="width:80px;" class="under_line"></div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td style="padding:0;line-height:30px;height:30px;">
+                            <table class="inside_table">
+                                <tbody>
+                                    <tr>
+                                        <td style="width:20%;">手术及操作名称</td>
+                                        <td style="width:20%;">手术及操作代码</td>
+                                        <td style="width:10%;">手术及操作日期</td>
+                                        <td style="width:10%;">麻醉方式*</td>
+                                        <td style="width:10%;">术者医师姓名</td>
+                                        <td style="width:10%;">术者医师代码</td>
+                                        <td style="width:10%;">麻醉医师姓名</td>
+                                        <td style="width:10%;">麻醉医师代码</td>
+                                    </tr>
+                                    <tr>
+                                        <td style="text-align:left;">&nbsp;主要：</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                    </tr>
+                                    <tr>
+                                        <td style="text-align:left;">&nbsp;其他：</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                    </tr>
+                                    <tr v-for="item in 8">
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                        <td>&nbsp;</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div class="inline_block">手术及操作代码计数
+                                <div style="width:80px;" class="under_line"></div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div class="inline_block">呼吸机使用时间
+                                <div style="width:40px;" class="under_line"></div>天
+                                <div style="width:40px;" class="under_line"></div>小时
+                                <div style="width:40px;" class="under_line"></div>分钟
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div>
+                                <div class="inline_block">颅脑损伤患者昏迷时间：
+                                    入院前<div style="width:40px;" class="under_line"></div>
+
+                                    天<div style="width:40px;" class="under_line"></div>
+                                    
+                                    小时<div style="width:40px;" class="under_line"></div>分钟
+                                </div>
+                            </div>
+                            <div>
+                                <div class="inline_block"><span style="visibility: hidden;">颅脑损伤患者昏迷时间：</span>
+                                    入院前<div style="width:40px;" class="under_line"></div>
+
+                                    天<div style="width:40px;" class="under_line"></div>
+                                    
+                                    小时<div style="width:40px;" class="under_line"></div>分钟
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</template>
+
+<script>
+import LabelBox from '../../dialysis/printItem/LabelBox'
+export default {
+    components:{
+        LabelBox
+    },
+    data(){
+        return{
+
+        }
+    }
+}
+</script>
+
+
+
+<style lang="scss" scoped>
+.title{
+    text-align: center;
+    font-size: 22px;
+    font-weight: bold;
+}
+.row{
+    display: flex;
+    justify-content: space-between;
+}
+.under_line{
+    border-bottom: 1px solid #999;
+    width: 95%;
+    text-align: center;
+    margin-left: 2px;
+    display: inline-block;
+}
+.inline_block{
+    display: inline-block;
+}
+// #prescription-print{
+//     width: 960px;
+// }
+.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;
+  /* text-align: center; */
+  font-size: 16px;
+  padding: 5px 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;
+}
+</style>

src/xt_pages/hospitalStation/statementPrint.vue

@@ -0,0 +1,426 @@
+<template>
+  <div>
+       <template>
+        <el-button
+          style="position:fixed;right:25px;z-index:999"
+          :loading="loading"
+          size="small"
+          icon="el-icon-printer"
+          @click="printThisPage"
+          type="primary"
+          >打印</el-button
+        >
+      </template>
+
+      <div class='dialysisPage' style="padding-top:40px;">
+        <printOne :info="info" v-if="org_id != 9990"></printOne>
+        <printTwo  :info="info" v-if="org_id == 9990"></printTwo>
+      </div>
+  </div>
+</template>
+
+<script>
+
+
+import { parseTime } from "@/utils";
+import { getDialysisRecord } from "@/api/dialysis";
+import { getDataConfig } from "@/utils/data";
+import { jsGetAge, uParseTime } from "@/utils/tools";
+import axios from 'axios'
+
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import print from "print-js";
+import printOne from "./statementTemplate/printOne"
+import printTwo from "./statementTemplate/printTwo"
+import { getAllDoctorList,getAllHisPatientList,getPrescriptionPrint } from "@/api/project/project"
+export default {
+  name: "dialysisPrintOrder",
+  components: {
+    BreadCrumb,
+    printOne,
+    printTwo
+  },
+  props:{
+    paramsObj:Object
+  },
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: '门诊医生站' },
+        { path: false, name: '打印' }
+      ],
+      record_date:"",
+      patientTableData:[],
+      advicePrint:[],
+      hisPatient:{},
+      patient:{},
+      search_input:"",
+      loading:false,
+      patient_id:0,
+      prescription_id:0,
+      ids:'',
+      info:null,
+      org_id:""
+    };
+  },
+  methods:{
+    printThisPage() {
+      var ptime = Math.round(new Date().getTime() / 1000);
+      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
+
+      const style =
+        '@media print {.statementTitle{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 10px;}.statementTable{width: 100%;text-align: center;border-collapse: collapse;line-height: 40px;font-size: 16px;border-color: #000;}}';
+        printJS({
+            printable: "statement-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
+      //   });
+      // }
+    },
+    getAllDoctorList(){
+      getAllDoctorList().then(response=>{
+        if(response.data.state == 1){
+               var doctor =  response.data.data.doctor;
+
+               this.doctorList = doctor
+             }
+         })
+     },
+    getAllHisPatientList(){
+         const params = {
+           record_date:this.record_date
+         };
+      getAllHisPatientList(params).then(response=>{
+         if(response.data.state == 1){
+            this.patientTableData = response.data.data.list;
+            this.patientTableDataTwo = response.data.data.list;
+
+            console.log('222', 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.$refs.tab.setCurrentRow(this.patientTableData[0])
+            // console.log(this.patientTableData[0])
+            // this.choosePatient(this.patientTableData[0])
+            this.cal_one = cal_one;
+            this.cal_two = cal_two
+         }
+      })
+    },
+
+    changePatient(row){
+      console.log("row",row);
+      this.patient_id = row.patient_id;
+      this.record_date = this.record_date;
+      this.prescription_id = this.prescription_id
+      //   var params = {
+      //     patient_id:row.patient_id,
+      //     record_date:this.record_date,
+      //     prescription_id:this.prescription_id,
+      //   }
+      // getPrescriptionPrint(params).then(response=>{
+      //     if(response.data.state == 1){
+      //       var advicePrint =  response.data.data.advicePrint
+      //       console.log("adviceprint",advicePrint)
+      //       this.advicePrint = advicePrint
+      //       // var hisPatient =  response.data.data.hisPatient
+      //       // console.log("hispatient",hisPatient)
+      //       // this.hisPatient = hisPatient
+      //       var patient =  response.data.data.patient
+      //       console.log("patient",patient)
+      //       this.patient = patient
+      //       var doctorPorject = response.data.data.doctorPorject
+      //       console.log("doctorporject",doctorPorject)
+      //     }
+      // })
+    },
+    searchAction(){
+
+    },
+    getInfo(order_id) {
+      if (this.$store.getters.xt_user.org_id == 3877 || this.$store.getters.xt_user.org_id == 9919 ||  this.$store.getters.xt_user.org_id == 9671 ||  this.$store.getters.xt_user.org_id == 9674 ||  this.$store.getters.xt_user.org_id == 10106  ||  this.$store.getters.xt_user.org_id == 4 || this.$store.getters.xt_user.org_id == 9990) {
+
+        var that = this;
+
+        axios.get('http://127.0.0.1:9532/api/settle/query', {
+          params: {
+            order_id: order_id,
+            admin_user_id:this.$store.getters.xt_user.user.id,
+
+          }
+        })
+          .then(function (response) {
+            if (response.data.state == 0) {
+              this.$message.error(response.data.msg);
+              return false
+            } else {
+              console.log("logloglog");
+
+              console.log(response.data.data.info);
+              that.info = response.data.data.info;
+              console.log(that.info);
+
+              that.info['bed_cost_total'] = response.data.data.bedCostTotal;
+              that.info['bed_cost_self_total'] = response.data.data.bedCostSelfTotal;
+              that.info['bed_cost_part_self_total'] = response.data.data.bedCostPartSelfTotal;
+
+              that.info['operation_cost_total'] = response.data.data.operationCostTotal;
+              that.info['operation_cost_self_total'] = response.data.data.operationCostSelfTotal;
+              that.info['operation_cost_part_self_total'] = response.data.data.operationCostPartSelfTotal;
+
+              that.info['other_cost_total'] = response.data.data.otherCostTotal;
+              that.info['other_cost_self_total'] = response.data.data.otherCostSelfTotal;
+              that.info['other_cost_part_self_total'] = response.data.data.otherCostPartSelfTotal;
+
+              that.info['material_cost_total'] = response.data.data.materialCostTotal;
+              that.info['material_cost_self_total'] = response.data.data.materialCostSelfTotal;
+              that.info['material_cost_part_self_total'] = response.data.data.materialCostPartSelfTotal;
+
+              that.info['western_medicine_cost_total'] = response.data.data.westernMedicineCostTotal;
+              that.info['western_medicine_cost_self_total'] = response.data.data.westernMedicineCostSelfTotal;
+              that.info['western_medicine_cost_part_self_total'] = response.data.data.westernMedicineCostPartSelfTotal;
+
+              that.info['chinese_traditional_medicine_cost_total'] = response.data.data.chineseTraditionalMedicineCostTotal;
+              that.info['chinese_traditional_medicine_cost_self_total'] = response.data.data.chineseTraditionalMedicineCostSelfTotal;
+              that.info['chinese_traditional_medicine_cost_part_self_total'] = response.data.data.chineseTraditionalMedicineCostPartSelfTotal;
+
+
+              that.info['check_cost_total'] = response.data.data.checkCostTotal;
+              that.info['check_cost_self_total'] = response.data.data.checkCostSelfTotal;
+              that.info['check_cost_part_self_total'] = response.data.data.checkCostPartSelfTotal;
+
+
+              that.info['laboratory_cost_total'] = response.data.data.laboratoryCostTotal;
+              that.info['laboratory_cost_self_total'] = response.data.data.laboratoryCostSelfTotal;
+              that.info['laboratory_cost_part_self_total'] = response.data.data.laboratoryCostPartSelfTotal;
+
+              that.info['treat_cost_total'] = response.data.data.treatCostTotal;
+              that.info['treat_cost_self_total'] = response.data.data.treatCostSelfTotal;
+              that.info['treat_cost_part_self_total'] = response.data.data.treatCostPartSelfTotal;
+              that.info['date'] =  response.data.data.date;
+              that.info['number'] =  response.data.data.number;
+              that.info['order_infos'] =  response.data.data.order_infos;
+              that.info['diagnosis'] =  response.data.data.diagnosis
+
+            }
+          })
+          .catch(function (error) {
+
+          });
+      }
+    }
+
+  },
+
+  created() {
+    this.getInfo(this.paramsObj.order_id);
+    this.org_id = this.$store.getters.xt_user.org_id
+  },
+  watch:{
+    paramsObj:{//深度监听，可监听到对象、数组的变化
+      handler(val, oldVal){
+        this.paramsObj = val;
+        this.getInfo(this.paramsObj.order_id)
+
+      },
+      deep:true
+    }
+  }
+
+};
+</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/hospitalStation/statementTemplate/printOne.vue

@@ -0,0 +1,371 @@
+<template>
+  <div id="statement-print" class="statement-print">
+    <div class="statementTitle">广东省社会医疗保险医疗费用结算单</div>
+    <table class="statementTable" border="1">
+      <tr>
+        <td width="80">机构名称</td>
+        <td colspan="4">{{info.fixmedins_name}}</td>
+        <td width="80">机构编码</td>
+        <td colspan="4">{{info.fixmedins_code}}</td>
+        <td width="100">医保结算级别</td>
+        <td width="100" v-if="info.hosp_lv == '1'">三级特等</td>
+        <td width="100" v-if="info.hosp_lv == '2'">三级甲等</td>
+        <td width="100" v-if="info.hosp_lv == '3'">三级乙等</td>
+        <td width="100" v-if="info.hosp_lv == '4'">三级丙等</td>
+        <td width="100" v-if="info.hosp_lv == '5'">二级甲等</td>
+        <td width="100" v-if="info.hosp_lv == '6'">二级乙等</td>
+        <td width="100" v-if="info.hosp_lv == '7'">二级丙等</td>
+        <td width="100" v-if="info.hosp_lv == '8'">一级甲等</td>
+        <td width="100" v-if="info.hosp_lv == '9'">一级乙等</td>
+        <td width="100" v-if="info.hosp_lv == '10'">一级丙等</td>
+        <td width="100" v-if="info.hosp_lv == '11'">无等级</td>
+        <td width="100" v-else></td>
+
+      </tr>
+      <tr>
+        <td width="90">就医登记号</td>
+        <td colspan="11">{{info.psn_no}}</td>
+      </tr>
+      <tr>
+        <td width="80">姓名</td>
+        <td width="80">{{info.psn_name}}</td>
+        <td width="80">性别</td>
+        <td width="50" v-if="info.gend == '1'">男</td>
+        <td width="50" v-if="info.gend == '2'">女</td>
+
+        <td width="80">出生日期</td>
+        <td width="100">{{info.brdy}}</td>
+        <td width="90">个人电脑号</td>
+        <td width="110"></td>
+        <td width="80">人员类别</td>
+        <td colspan="3" v-if="info.psn_type == '11'">在职</td>
+        <td colspan="3" v-if="info.psn_type == '1101'">职工在职</td>
+        <td colspan="3" v-if="info.psn_type == '1102'">公务员在职</td>
+        <td colspan="3" v-if="info.psn_type == '1103'">灵活就业人员在职</td>
+        <td colspan="3" v-if="info.psn_type == '1160'">地方其他扩展人员</td>
+
+
+        <td colspan="3" v-if="info.psn_type == '12'">退休人员</td>
+        <td colspan="3" v-if="info.psn_type == '1201'">职工退休</td>
+        <td colspan="3" v-if="info.psn_type == '1202'">公务员退休</td>
+        <td colspan="3" v-if="info.psn_type == '1203'">灵活就业人员退休</td>
+        <td colspan="3" v-if="info.psn_type == '1260'">地方其他扩展人员</td>
+
+
+        <td colspan="3" v-if="info.psn_type == '13'">离休</td>
+        <td colspan="3" v-if="info.psn_type == '1300'">离休人员</td>
+        <td colspan="3" v-if="info.psn_type == '1360'">地方其他扩展人员</td>
+
+        <td colspan="3" v-if="info.psn_type == '14'">居民(未成年)</td>
+        <td colspan="3" v-if="info.psn_type == '1401'">新生儿</td>
+        <td colspan="3" v-if="info.psn_type == '1402'">学龄前儿童</td>
+        <td colspan="3" v-if="info.psn_type == '1403'">中小学生</td>
+        <td colspan="3" v-if="info.psn_type == '1404'">大学生</td>
+        <td colspan="3" v-if="info.psn_type == '1405'">未成年(未入学)</td>
+
+
+        <td colspan="3" v-if="info.psn_type == '15'">居民(成年)</td>
+        <td colspan="3" v-if="info.psn_type == '1501'">普通居民(成年)</td>
+        <td colspan="3" v-if="info.psn_type == '1560'">地方其他扩展身份</td>
+
+        <td colspan="3" v-if="info.psn_type == '16'">居民(老年)</td>
+
+
+
+      </tr>
+      <tr>
+        <td>单位名称</td>
+        <td colspan="5">{{info.emp_name}}</td>
+        <td width="80">联系电话</td>
+        <td width="110"></td>
+        <td width="80">身份证号</td>
+        <td colspan="3">{{info.certno}}</td>
+      </tr>
+      <tr>
+        <td>住院号</td>
+        <td></td>
+        <td>科别</td>
+        <td width="100"></td>
+        <td>床号</td>
+        <td></td>
+        <td>入院日期</td>
+        <td></td>
+        <td>出院日期</td>
+        <td width="100"></td>
+        <td>住院天数</td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>险种</td>
+        <td colspan="2" v-if="info.insutype == '310'">职工基本医疗保险</td>
+        <td colspan="2" v-if="info.insutype == '320'">公务员医疗补助</td>
+        <td colspan="2" v-if="info.insutype == '330'">大额医疗费用补助</td>
+        <td colspan="2" v-if="info.insutype == '340'">离休人员医疗保障</td>
+        <td colspan="2" v-if="info.insutype == '390'">城乡居民基本医疗保险</td>
+        <td colspan="2" v-if="info.insutype == '392'">城乡居民大病医疗保险</td>
+        <td colspan="2" v-if="info.insutype == '510'">生育保险</td>
+
+
+        <td>入院第一诊断</td>
+        <td colspan="3"></td>
+        <td>出院第一诊断</td>
+        <td colspan="4"></td>
+      </tr>
+      <tr>
+        <td>业务类别</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '11'">普通门诊</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '12'">门诊挂号</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '13'">急诊</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '14'">门诊特殊病</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '15'">门诊统筹</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '16'">门诊慢性病</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '21'">普通住院</td>
+
+        <td>结算时间</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;">{{info.setl_time}}</td>
+      </tr>
+      <tr>
+        <td colspan="12" style="text-align:left;padding-left:10px;">
+          本次就医：总费用{{info.medfee_sumamt}}元，基金支付{{info.fund_pay_sumamt}}元，个人支付{{info.psn_pay}}元。
+        </td>
+      </tr>
+      <tr>
+        <td>费用名称</td>
+        <td colspan="2">总费用</td>
+        <td>自费</td>
+        <td colspan="2">部分项目自付</td>
+        <td>费用名称</td>
+        <td colspan="2">总费用</td>
+        <td>自费</td>
+        <td colspan="2">部分项目自付</td>
+      </tr>
+      <tr>
+        <td>床位费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.bed_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.bed_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.bed_cost_part_self_total}}</td>
+        <td>西成药</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.western_medicine_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.western_medicine_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.western_medicine_cost_part_self_total}}</td>
+      </tr>
+      <tr>
+        <td>中药费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td>中成药</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.chinese_traditional_medicine_cost_total}}
+        </td>
+        <td style="text-align:right;padding-right:10px;">{{info.chinese_traditional_medicine_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">
+          {{info.chinese_traditional_medicine_cost_part_self_total}}
+        </td>
+      </tr>
+      <tr>
+        <td>中草药</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td>检查费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.check_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.check_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.check_cost_part_self_total}}</td>
+      </tr>
+      <tr>
+        <td>治疗费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.treat_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.treat_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.treat_cost_part_self_total}}</td>
+        <td>放射费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+      </tr>
+      <tr>
+        <td>手术费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.operation_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.operation_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.operation_cost_part_self_total}}</td>
+        <td>化验费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.laboratory_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.laboratory_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.laboratory_cost_part_self_total}}</td>
+      </tr>
+      <tr>
+        <td>输血费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td>输氧费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+      </tr>
+      <tr>
+        <td>其他</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.other_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.other_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.other_cost_part_self_total}}</td>
+        <td>麻醉费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+      </tr>
+      <tr>
+        <td>材料费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.material_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.material_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.material_cost_part_self_total}}</td>
+        <td>特殊检查费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+      </tr>
+      <tr>
+        <td>特殊治疗费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;"></td>
+        <td colspan="2" style="text-align:right;padding-right:10px;"></td>
+        <td style="text-align:right;padding-right:10px;"></td>
+        <td colspan="2" style="text-align:right;padding-right:10px;"></td>
+      </tr>
+      <tr>
+        <td>合计</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{(parseFloat(info.bed_cost_total) +
+          parseFloat(info.operation_cost_total) + parseFloat(info.other_cost_total) +
+          parseFloat(info.material_cost_total) + parseFloat(info.western_medicine_cost_total) +
+          parseFloat(info.chinese_traditional_medicine_cost_total) + parseFloat(info.check_cost_total) +
+          parseFloat(info.laboratory_cost_total) + parseFloat(info.treat_cost_total)).toFixed(2) }}
+        </td>
+        <td style="text-align:right;padding-right:10px;">{{(parseFloat(info.bed_cost_self_total )+
+          parseFloat(info.operation_cost_self_total) + parseFloat(info.other_cost_self_total) +
+          parseFloat(info.material_cost_self_total) + parseFloat(info.western_medicine_cost_self_total) +
+          parseFloat(info.chinese_traditional_medicine_cost_self_total) + parseFloat(info.check_cost_self_total) +
+          parseFloat(info.laboratory_cost_self_total) + parseFloat(info.treat_cost_self_total)).toFixed(2)}}
+        </td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{(parseFloat(info.bed_cost_part_self_total) +
+          parseFloat(info.operation_cost_part_self_total) + parseFloat(info.other_cost_part_self_total) +
+          parseFloat(info.material_cost_part_self_total) + parseFloat(info.western_medicine_cost_part_self_total) +
+          parseFloat(info.chinese_traditional_medicine_cost_part_self_total) +
+          parseFloat(info.check_cost_part_self_total) + parseFloat(info.laboratory_cost_part_self_total) +
+          parseFloat(info.treat_cost_part_self_total)).toFixed(2)}}
+        </td>
+        <td style="text-align:right;padding-right:10px;"></td>
+        <td colspan="2" style="text-align:right;padding-right:10px;"></td>
+        <td style="text-align:right;padding-right:10px;"></td>
+        <td colspan="2" style="text-align:right;padding-right:10px;"></td>
+      </tr>
+      <tr>
+        <td colspan="3" style="text-align:left;padding-left:10px;">基本医疗保险统筹基金支付</td>
+        <td colspan="3">{{info.hifp_pay}}</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">大额基金支付</td>
+        <td colspan="3">{{info.hifob_pay}}</td>
+      </tr>
+      <tr>
+        <td colspan="3" style="text-align:left;padding-left:10px;">大病基金支付</td>
+        <td colspan="3">{{info.hifmi_pay}}</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">补充保险基金支付</td>
+        <td colspan="3">{{info.hifes_pay}}</td>
+      </tr>
+      <tr>
+        <td colspan="3" style="text-align:left;padding-left:10px;">医疗救助基金支付</td>
+        <td colspan="3">{{info.maf_pay}}</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">公务员基金支付</td>
+        <td colspan="3">{{info.cvlserv_pay}}</td>
+      </tr>
+      <tr>
+        <td>收款人:</td>
+        <td colspan="2">{{charge_admin.user_name}}</td>
+        <td>审核人:</td>
+        <td colspan="2"></td>
+        <td>制单人:</td>
+        <td colspan="2">{{p_admin.user_name}}</td>
+        <td>打印日期</td>
+        <td colspan="2">{{getNowTime()}}</td>
+      </tr>
+      <tr>
+        <td colspan="12" style="text-align:left;padding-left:10px;line-height:20px;">
+          注: 1、部分项目自付金额是指基本医疗保险范围内的项目需参保人先按规定比例自付的金额。<br/>
+          &ensp;&ensp;&ensp;2、此表由医院打印。<br/>
+          &ensp;&ensp;&ensp;3、此表一式两份，医院、参保人各一份。
+        </td>
+      </tr>
+      <tr>
+        <td colspan="12" style="text-align:left;padding-left:10px;">
+          病人家属签字:
+        </td>
+      </tr>
+    </table>
+  </div>
+</template>
+<script>
+  export default {
+    props: {
+      info: {
+        type: Object,
+        default: function() {
+          return {}
+        }
+      }, p_admin: {
+        type: Object,
+        default: function() {
+          return {}
+        }
+      }, charge_admin: {
+        type: Object,
+        default: function() {
+          return {}
+        }
+      }
+    },methods:{
+      getNowTime: function () {
+        let dateTime;
+        let yy = new Date().getFullYear();
+        let mm = new Date().getMonth() + 1;
+        let dd = new Date().getDate();
+        let hh = new Date().getHours();
+        let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
+          :
+          new Date().getMinutes();
+        let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
+          :
+          new Date().getSeconds();
+        dateTime = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss;
+        return dateTime
+      },
+
+    }
+  }
+
+
+</script>
+
+
+<style lang="scss" scoped>
+  .statement-print {
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding: 20px 10px;
+  }
+
+  .statementTitle {
+    font-size: 28px;
+    text-align: center;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
+
+  .statementTable {
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+    line-height: 40px;
+    font-size: 14px;
+    border-color: #000;
+  }
+</style>

src/xt_pages/hospitalStation/statementTemplate/printTwo.vue

@@ -0,0 +1,181 @@
+<template>
+  <div id="statement-print" class="statement-print">
+    <div class="statementTitle" v-if="info.insutype == '310'">珠海市职工基本医疗保险门慢就医结算单</div>
+    <div class="statementTitle" v-if="info.insutype == '390'">珠海市城乡居民基本医疗保险门慢就医结算单</div>
+
+    <div style="display:flex">
+      <div style="width:70%">医疗机构名称：{{info.fixmedins_name}}</div>
+      <div style="width:30%" v-if="info.hosp_lv == '1'">医院等级：三级特等</div>
+      <div style="width:30%" v-if="info.hosp_lv == '2'">医院等级：三级甲等</div>
+      <div style="width:30%" v-if="info.hosp_lv == '3'">医院等级：三级乙等</div>
+      <div style="width:30%" v-if="info.hosp_lv == '4'">医院等级：三级丙等</div>
+      <div style="width:30%" v-if="info.hosp_lv == '5'">医院等级：二级甲等</div>
+      <div style="width:30%" v-if="info.hosp_lv == '6'">医院等级：二级乙等</div>
+      <div style="width:30%" v-if="info.hosp_lv == '7'">医院等级：二级丙等</div>
+      <div style="width:30%" v-if="info.hosp_lv == '8'">医院等级：一级甲等</div>
+      <div style="width:30%" v-if="info.hosp_lv == '9'">医院等级：一级乙等</div>
+      <div style="width:30%" v-if="info.hosp_lv == '10'">医院等级：一级丙等</div>
+      <div style="width:30%" v-if="info.hosp_lv == '11'">医院等级：无等级</div>
+
+    </div>
+    <div style="display:flex;justify-content: space-between;border-bottom:1px solid #000;padding-bottom:10px;">
+      <div style="flex:1;">单据编码：{{info.number}}</div>
+      <div style="width:33%">就诊时间：{{getTime(info.date)}}</div>
+      <div>金额单位：元</div>
+    </div>
+    <div style="display:flex">
+      <div style="width:50%">姓名：{{info.psn_name}}</div>
+      <div style="width:50%">个人电脑号：{{info.psn_no}}</div>
+    </div>
+    <div style="display:flex">
+      <div style="width:50%">社保卡号</div>
+      <div style="width:50%">诊断：{{info.diagnosis}}</div>
+    </div>
+    <div style="display:flex">
+      <div style="width:50%" v-if="info.psn_type == '11'">人员类别:在职</div>
+      <div style="width:50%" v-if="info.psn_type == '1101'">人员类别:职工在职</div>
+      <div style="width:50%" v-if="info.psn_type == '1102'">人员类别:公务员在职</div>
+      <div style="width:50%" v-if="info.psn_type == '1103'">人员类别:灵活就业人员在职</div>
+      <div style="width:50%" v-if="info.psn_type == '1160'">人员类别:地方其他扩展人员</div>
+      <div style="width:50%" v-if="info.psn_type == '12'">人员类别:退休人员</div>
+      <div style="width:50%" v-if="info.psn_type == '1201'">人员类别:职工退休</div>
+      <div style="width:50%" v-if="info.psn_type == '1202'">人员类别:公务员退休</div>
+      <div style="width:50%" v-if="info.psn_type == '1203'">人员类别:灵活就业人员退休</div>
+      <div style="width:50%" v-if="info.psn_type == '1260'">人员类别:地方其他扩展人员</div>
+      <div style="width:50%" v-if="info.psn_type == '13'">人员类别:离休</div>
+      <div style="width:50%" v-if="info.psn_type == '1300'">人员类别:离休人员</div>
+      <div style="width:50%" v-if="info.psn_type == '1360'">人员类别:地方其他扩展人员</div>
+      <div style="width:50%" v-if="info.psn_type == '14'">人员类别:居民(未成年)</div>
+      <div style="width:50%" v-if="info.psn_type == '1401'">人员类别:新生儿</div>
+      <div style="width:50%" v-if="info.psn_type == '1402'">人员类别:学龄前儿童</div>
+      <div style="width:50%" v-if="info.psn_type == '1403'">人员类别:中小学生</div>
+      <div style="width:50%" v-if="info.psn_type == '1404'">人员类别:大学生</div>
+      <div style="width:50%" v-if="info.psn_type == '1405'">人员类别:未成年(未入学)</div>
+      <div style="width:50%" v-if="info.psn_type == '15'">人员类别:居民(成年)</div>
+      <div style="width:50%" v-if="info.psn_type == '1501'">人员类别:普通居民(成年)</div>
+      <div style="width:50%" v-if="info.psn_type == '1560'">人员类别:地方其他扩展身份</div>
+      <div style="width:50%" v-if="info.psn_type == '16'">人员类别:居民(老年)</div>
+
+
+      <div style="width:50%">待遇类别：</div>
+    </div>
+    <div style="display:flex;padding:10px 0;border-top:1px solid #000;border-bottom:1px solid #000;">
+      <div style="width:50%;text-align:center;">项目名称</div>
+      <div style="width:10%;text-align:center;">单价</div>
+      <div style="width:10%;text-align:center;">数量</div>
+      <div style="width:10%;text-align:center;">金额</div>
+      <div style="width:10%;text-align:center;">门诊目录</div>
+      <div style="width:10%;text-align:center;">医保目录</div>
+    </div>
+    <div style="border-bottom:1px solid #000;padding:10px 0;display:flex;" v-for="(item,index) in info.order_infos"
+         :key="index">
+      <div style="width:50%;text-align:center;" v-if="item.advice_id > 0">{{item.advice.drug.drug_name}}</div>
+      <div style="width:50%;text-align:center;" v-if="item.project_id > 0">{{item.project.project.project_name}}</div>
+
+      <div style="width:10%;text-align:center;">{{item.pric}}</div>
+      <div style="width:10%;text-align:center;">{{item.cnt}}</div>
+      <div style="width:10%;text-align:center;">{{item.det_item_fee_sumamt}}</div>
+      <div style="width:10%;text-align:center;">是</div>
+      <div style="width:10%;text-align:center;">是</div>
+    </div>
+    <div style="display:flex;border-bottom:1px solid #000;padding:20px 0 10px;">
+      <div style="width:70%;">合计：</div>
+      <div style="width:10%;text-align:center;">{{info.medfee_sumamt}}</div>
+      <div style="width:20%;"></div>
+    </div>
+    <div>医保基金支付金额：{{info.fund_pay_sumamt?info.fund_pay_sumamt:''}}</div>
+    <div>个人现金支付金额：{{info.psn_pay?info.psn_pay:''}}</div>
+    <div>其中</div>
+    <div style="display:flex;border-bottom:1px solid #000;padding-bottom:10px;">
+      <div>个人自付：</div>
+      <div>其中：1.乙类自付 {{info.preselfpay_amt?info.preselfpay_amt:''}}</div>
+      <div>2.自费 {{info.overlmt_selfpay?info.overlmt_selfpay:''}}</div>
+    </div>
+    <div style="display:flex;padding-top:10px;">
+      <div style="width:33%">参保人签名：</div>
+      <div style="width:33%">审核人：</div>
+      <div style="width:33%">医院盖章：</div>
+    </div>
+
+  </div>
+</template>
+<script>
+  import {uParseTime} from '@/utils/tools'
+  export default {
+    props: {
+      info: {
+        type: Object,
+        default: function () {
+          return {}
+        }
+      }, p_admin: {
+        type: Object,
+        default: function () {
+          return {}
+        }
+      }, charge_admin: {
+        type: Object,
+        default: function () {
+          return {}
+        }
+      }
+    }, methods: {
+      getTime(val) {
+        if (val < 0) {
+          return ""
+        }
+        if (val == "") {
+          return ""
+        } else {
+          return uParseTime(val, '{y}-{m}-{d}')
+        }
+      },
+        getNowTime: function () {
+          let dateTime;
+          let yy = new Date().getFullYear();
+          let mm = new Date().getMonth() + 1;
+          let dd = new Date().getDate();
+          let hh = new Date().getHours();
+          let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
+            :
+            new Date().getMinutes();
+          let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
+            :
+            new Date().getSeconds();
+          dateTime = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss;
+          return dateTime
+        }
+      ,
+
+      }
+    }
+
+
+</script>
+
+
+<style lang="scss" scoped>
+  .statement-print {
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding: 20px 10px;
+  }
+
+  .statementTitle {
+    font-size: 28px;
+    text-align: center;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
+
+  .statementTable {
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+    line-height: 40px;
+    font-size: 14px;
+    border-color: #000;
+  }
+</style>

src/xt_pages/hospitalStation/summary.vue

@@ -0,0 +1,576 @@
+<template>
+  <div class="main-contain outpatientChargesManagement">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+    </div>
+    <div class="app-container">
+      <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
+        <div>
+          <el-input size="small" style="width:150px;" v-model="keywords"
+                    class="filter-item"/>
+          <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary"
+                     @click="searchAction">
+            搜索
+          </el-button>
+          <el-select size="small" v-model="admin_user_id" placeholder="请选择"
+                     style="width:150px;margin-left:10px;" @change="changeDoctor">
+            <el-option
+              label="全部"
+              value="0">
+            </el-option>
+            <el-option
+              v-for="item,index in doctors"
+              :key="index"
+              :label="item.user_name"
+              :value="item.admin_user_id">
+            </el-option>
+          </el-select>
+          <el-date-picker size="small" v-model="start_time" prefix-icon="el-icon-date"
+                          @change="handleStartTimeChange" :editable="false" :clearable="false"
+                          style="width: 196px;margin-right:10px;" type="date" placeholder="选择开始日期"
+                          format="yyyy-MM-dd"
+                          value-format="yyyy-MM-dd"
+                          align="right"></el-date-picker>
+
+          <el-date-picker size="small" v-model="end_time" prefix-icon="el-icon-date"
+                          @change="handleEndTimeChange" :editable="false" :clearable="false"
+                          style="width: 196px;margin-right:10px;" type="date" placeholder="选择结束日期"
+                          format="yyyy-MM-dd"
+                          value-format="yyyy-MM-dd"
+                          align="right"></el-date-picker>
+          <!--<el-radio v-model="radio" label="1">明细</el-radio>-->
+          <!--<el-radio v-model="radio" label="2">汇总</el-radio>-->
+        </div>
+        <div>
+          <!-- <el-popover
+            placement="bottom"
+            width="210"
+            trigger="click">
+            <el-button size="small" ref="button_two" @click="open(1)">打印清单</el-button>
+            <el-button size="small" ref="button_six" @click="open(2)">打印汇总</el-button>
+            <el-button slot="reference" style="margin:0 10px;" type="primary" size="small">打印</el-button>
+
+          </el-popover> -->
+          <el-button size="small" type="primary" @click="export_detail" v-loading="loading">报表下载</el-button>
+        </div>
+      </div>
+      <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>
+        <el-table-column
+          prop="date"
+          label="序号"
+          width="60"
+          align="center"
+          type="index"
+        >
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="就诊号">
+          <template slot-scope="scope">{{ scope.row.his_patient.number }}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="患者名字">
+          <template slot-scope="scope">{{ scope.row.patient.name }}</template>
+        </el-table-column>
+        <!--<el-table-column align="center" prop="name" label="患者类型">-->
+        <!--<template slot-scope="scope"></template>-->
+        <!--</el-table-column>-->
+        <el-table-column align="center" prop="name" label="应收金额">
+          <template slot-scope="scope">{{scope.row.medfee_sumamt}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="实收金额">
+          <template slot-scope="scope">{{scope.row.reality_price}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="科室">
+          <template slot-scope="scope">{{scope.row.department_name}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="收费日期">
+          <template slot-scope="scope"> {{scope.row.setl_time}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="收费员">
+          <template slot-scope="scope">{{ getName(scope.row.creator) }}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="状态">
+          <template slot-scope="scope">
+            <div v-if="scope.row.order_status == 1">待结算</div>
+            <div v-if="scope.row.order_status == 2">已结算</div>
+            <div v-if="scope.row.order_status == 3">已退费</div>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="操作">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="toDetail(scope.row)">详情</el-button>
+            <el-button size="mini" type="primary" @click="toPrint(scope.row)"
+                       v-if="(scope.row.order_status == 2 && $store.getters.xt_user.org_id == 9504) || (scope.row.order_status == 2 && $store.getters.xt_user.org_id == 9919) ||  ($store.getters.xt_user.org_id == 10106) ||  (scope.row.order_status == 2 && $store.getters.xt_user.org_id == 4) || ($store.getters.xt_user.org_id == 9990) ">
+              结算单
+            </el-button>
+            <el-button size="mini" type="primary" @click="toRefund(scope.row)"
+                       v-if="(scope.row.order_status == 2 && $store.getters.xt_user.org_id == 10106  || $store.getters.xt_user.org_id== 9990)">
+              退费
+            </el-button>
+            <el-button size="mini" type="primary" @click="uploadInfo(scope.row)"
+                       v-if="scope.row.order_status == 2 && scope.row.result.id == 0">
+              上传结算清单
+            </el-button>
+            <el-button size="mini" type="primary" @click="invoicePrint(scope.row)">打印发票</el-button>
+
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :page-sizes="[10, 50, 100]"
+        :page-size="10"
+        background
+        style="margin-top:20px;float: right"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+
+      >
+      </el-pagination>
+    </div>
+
+    <el-dialog
+      class="centerDialog"
+      width="1200px"
+      title="打印"
+      :visible.sync="statementVisible">
+      <!--<statementPrint ref="print" :paramsObj='orderObj'></statementPrint>-->
+      <new-statement-print ref="print" :paramsObj='orderObj'></new-statement-print>
+    </el-dialog>
+    <el-dialog
+      class="centerDialog"
+      width="900px"
+      title="打印"
+      :visible.sync="listVisible">
+      <listPrint></listPrint>
+    </el-dialog>
+    <el-dialog
+      class="centerDialog"
+      width="900px"
+      title="打印"
+      :visible.sync="allListVisible">
+      <allListPrint :paramsObj='paramsObj'></allListPrint>
+    </el-dialog>
+
+    <el-dialog
+      class="centerDialog"
+      width="1200px"
+      title="打印"
+      :visible.sync="statementVisible9504">
+      <!--<statementPrint ref="print" :paramsObj='orderObj'></statementPrint>-->
+      <!--<new-statement-print ref="print" :paramsObj='orderObj9504'></new-statement-print>-->
+      <new-statement-print-two ref="print" :paramsObj='orderObj9504'></new-statement-print-two>
+    </el-dialog>
+
+        <el-dialog
+                class="centerDialog"
+                width="1200px"
+                title="打印"
+                :visible.sync="invoiceVisible">
+            <invoice-print ref="print" :invoiceParams='invoiceParams'></invoice-print>
+        </el-dialog>
+        <!-- <el-dialog
+                class="centerDialog"
+                width="1200px"
+                title="打印"
+                :visible.sync="settlementVisible">
+            <settlement-print ref="print" :paramsObj='orderObj'></settlement-print>
+        </el-dialog> -->
+
+
+  </div>
+</template>
+
+
+<script>
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import { getDoctorList, getExportConsumeDetailList, getHisOrderList, Refund} from '@/api/his/his'
+  import { uParseTime } from '@/utils/tools'
+  import NewStatementPrint from './newStatementPrint'
+  import listPrint from './listPrint'
+  import allListPrint from './allListPrint'
+  import NewStatementPrintTwo from './newStatementPrintTwo'
+  import { fetchAllAdminUsers } from '@/api/doctor'
+  import axios from 'axios'
+  import invoicePrint from './invoicePrint'
+  // import settlementPrint from './settlementPrint'
+
+  export default {
+    components: {
+      NewStatementPrintTwo,
+      NewStatementPrint,
+      BreadCrumb,
+      listPrint,
+      allListPrint,
+      invoicePrint,
+      // settlementPrint
+    },
+    data() {
+      return {
+        orderObj: {},
+        statementVisible: false,
+        statementVisible9504: false,
+        orderObj9504: {},
+        crumbs: [
+          { path: false, name: '门诊收费' },
+          { path: false, name: '项目消费明细汇总' }
+        ],
+        tableData: [],
+        limit: 10,
+        page: 1,
+        keywords: '',
+        start_time: '',
+        end_time: '',
+        total: '',
+        doctors: [],
+        admin_user_id: '',
+        listVisible: false,
+        allListVisible: false,
+        adminUserOptions:[],
+        invoiceVisible:false,
+        paramsObj:{},
+        invoiceParams:{},
+        settlementVisible:false
+
+      }
+    },
+    methods: {
+      uploadInfo(row) {
+        var that = this;
+        axios.get('http://127.0.0.1:9532/api/settlelist/get', {
+          params: {
+            order_id: row.id,
+            admin_user_id: this.$store.getters.xt_user.user.id
+          }
+        }).then(function (response) {
+            if (response.data.state == 0) {
+              that.$message.error(response.data.msg);
+              return false
+            } else {
+
+              if (response.data.data.failed_code == -10) {
+                that.$message.error(response.data.data.msg)
+
+              } else {
+                that.$message.success("上传成功");
+                row.result.id = response.data.data.result.id
+              }
+
+
+            }
+          }).catch(function (error) {
+          })
+      },
+      fetchAllAdminUsers() {
+        fetchAllAdminUsers().then(response => {
+          if (response.data.state == 1) {
+            this.adminUserOptions = response.data.data.users
+
+          }
+        })
+      },
+      getName(admin_user_id) {
+        for (let i = 0; i < this.adminUserOptions.length; i++) {
+          if (this.adminUserOptions[i].id == admin_user_id) {
+            return this.adminUserOptions[i].name
+          }
+        }
+
+      }, toRefund(row) {
+        if (this.$store.getters.xt_user.org_id == 9919 || this.$store.getters.xt_user.org_id == 4 || this.$store.getters.xt_user.org_id == 9538 || this.$store.getters.xt_user.org_id == 9671 || this.$store.getters.xt_user.org_id == 9674 || this.$store.getters.xt_user.org_id == 10106 || this.$store.getters.xt_user.org_id == 9990) {
+          var that = this;
+          this.$confirm('是否退费', '退费', {
+            confirmButtonText: '确 定',
+            cancelButtonText: '取 消',
+            type: 'warning'
+          }).then(() => {
+            let params = {
+              'order_id': row.id,
+              'patient_id': row.patient_id,
+              'record_time': that.getTimes(row.settle_accounts_date),
+              'admin_user_id': that.$store.getters.xt_user.user.id,
+            };
+            axios.get('http://127.0.0.1:9532/api/refund/post', {
+              params: params
+            })
+              .then(function (response) {
+                if (response.data.state == 0) {
+                  that.$message.error(response.data.msg);
+                  return false
+                } else {
+                  if (response.data.data.failed_code == -10) {
+                    that.$message.error(response.data.data.msg)
+                  } else {
+                    that.$message({message: '退费成功', type: 'success', duration: 5000});
+                    that.getHisOrderList()
+
+                  }
+                }
+              })
+              .catch(function (error) {
+              })
+          }).catch(() => {
+          })
+
+        } else {
+          this.$confirm('是否退费', '退费', {
+            confirmButtonText: '确 定',
+            cancelButtonText: '取 消',
+            type: 'warning'
+          }).then(() => {
+            let params = {
+              'order_id': this.order.id,
+              'patient_id': this.patientInfo.id,
+              'record_time': this.record_date
+
+            };
+            Refund(params).then(response => {
+              if (response.data.state == 0) {
+                this.$message.error(response.data.msg);
+                return false
+              } else {
+                this.$message({message: '退费成功', type: 'success'});
+                this.getHisOrderList()
+              }
+            })
+          }).catch(() => {
+          })
+        }
+      },
+      toPrint(row) {
+        if (this.$store.getters.xt_user.org_id == 9504 || this.$store.getters.xt_user.org_id == 10028) {
+          this.statementVisible9504 = true;
+          let obj = {
+            order_id: row.id,
+            patient_id: row.patient_id,
+            record_time: this.getTimes(row.settle_accounts_date),
+            admin_user_id: this.$store.getters.xt_user.user.id
+          };
+          this.orderObj9504 = obj
+        } else {
+          this.statementVisible = true;
+          let obj = {
+            order_id: row.id
+          };
+          this.orderObj = obj
+        }
+
+      },
+      settlementPrint(){
+        this.settlementVisible = true
+      },
+      export_detail() {
+        let params = {
+          start_time: this.start_time,
+          end_time: this.end_time
+        };
+        getExportConsumeDetailList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+
+            let list = [];
+            for (let i = 0; i < response.data.data.order.length; i++) {
+              let order = response.data.data.order[i];
+              let number = '';
+              let name = '';
+              let department = '';
+              let doctor_name = '';
+              let balance_accounts = '';
+
+              let order_status = '';
+
+              if (order.his_patient != null && order.his_patient.number.length > 0) {
+                number = order.his_patient.number
+
+              }
+
+              if (order.his_patient != null) {
+                if (order.his_patient.balance_accounts_type == 1) {
+                  balance_accounts = '自费'
+                }
+
+                if (order.his_patient.balance_accounts_type == 2) {
+                  balance_accounts = '医保'
+                }
+              }
+
+              if (order.patient != null && order.patient.name.length > 0) {
+                name = order.patient.name
+
+              }
+
+              if (order.p_info != null && order.p_info.department != null && order.p_info.department.name.length > 0) {
+                department = order.p_info.department.name
+
+              }
+
+              if (order.p_info != null && order.p_info.doctor.length > 0) {
+                doctor_name = order.p_info.doctor
+              }
+
+              if (order.creator != null) {
+                charge_name = this.getName(order.creator)
+              }
+
+
+              if (order.order_status == 1) {
+                order_status = '待结算'
+              }
+
+              if (order.order_status == 2) {
+                order_status = '已结算'
+              }
+
+              if (order.order_status == 3) {
+                order_status = '已退费'
+              }
+
+
+              let obj = {
+                '就诊号': number,
+                '患者姓名': name,
+                '应收金额': order.medfee_sumamt,
+                '实收金额': order.psn_cash_pay,
+                '医保统筹金额': order.fund_pay_sumamt,
+                '大额基金金额': order.hifob_pay,
+                '大病基金金额': order.hifmi_pay,
+                '补充保险基金金额': order.hifes_pay,
+                '医疗救助基金金额': order.maf_pay,
+                '公务员基金': order.cvlserv_pay,
+                '个人支付基金': order.psn_cash_pay,
+                '个人账户支付金额': order.acct_pay,
+                '科室': department,
+                '医生姓名': doctor_name,
+                '收费类别': balance_accounts,
+                '收费者姓名': charge_name,
+                '总金额': order.medfee_sumamt,
+                '现金支付': '',
+                '账户支付': '',
+                '支付宝支付': '',
+                '微信支付': '',
+                '其他支付': '',
+                '收费时间': order.setl_time,
+                '收费状态': order_status,
+                '退费日期': ''
+              };
+              list.push(obj)
+            }
+            import('@/vendor/Export2Excel').then(excel => {
+              const tHeader = ['就诊号', '患者姓名', '应收金额', '实收金额', '医保统筹金额', '大额基金金额', '大病基金金额', '补充保险基金金额', '医疗救助基金金额', '公务员基金', '个人支付基金', '个人账户支付金额', '科室', '医生姓名', '收费类别', '收费者姓名', '总金额', '现金支付', '账户支付', '支付宝支付', '微信支付', '其他支付', '收费时间', '收费状态', '退费日期'];
+              const filterVal = ['就诊号', '患者姓名', '应收金额', '实收金额', '医保统筹金额', '大额基金金额', '大病基金金额', '补充保险基金金额', '医疗救助基金金额', '公务员基金', '个人支付基金', '个人账户支付金额', '科室', '医生姓名', '收费类别', '收费者姓名', '总金额', '现金支付', '账户支付', '支付宝支付', '微信支付', '其他支付', '收费时间', '收费状态', '退费日期'];
+              const data = this.formatJson(filterVal, list);
+              excel.export_json_to_excel({
+                header: tHeader,
+                data,
+                filename: '消费明细'
+              })
+            })
+
+          }
+        })
+
+      }, formatJson(filterVal, jsonData) {
+        return jsonData.map(v => filterVal.map(j => v[j]))
+      },
+      changeDoctor() {
+        this.page = 1;
+        this.keywords = '';
+        this.getHisOrderList()
+      },
+      handleSizeChange(limit) {
+        this.limit = limit;
+        this.getHisOrderList()
+
+      }, handleCurrentChange(page) {
+        this.page = page;
+        this.getHisOrderList()
+
+      },
+      handleStartTimeChange() {
+        this.page = 1;
+        this.keywords = '';
+        this.getHisOrderList()
+      }, handleEndTimeChange() {
+        this.page = 1;
+        this.keywords = '';
+        this.getHisOrderList()
+      },
+      searchAction() {
+        this.page = 1;
+        this.getHisOrderList()
+
+      },
+      getTimes(time) {
+        return uParseTime(time, '{y}-{m}-{d}')
+      },
+      toDetail(row) {
+        this.$router.push('/outpatientCharges/summaryDetail?patient_id=' + row.patient.id + '&number=' + row.number + '&id=' + row.id)
+      }, getTime(value, temp) {
+        if (value != undefined) {
+          return uParseTime(value, temp)
+        }
+        return ''
+      }, getHisOrderList() {
+        let params = {
+          page: this.page,
+          limit: this.limit,
+          keywords: this.keywords,
+          start_time: this.start_time,
+          end_time: this.end_time,
+          type: this.admin_user_id
+        };
+        getHisOrderList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.tableData = response.data.data.order;
+            this.total = response.data.data.total
+          }
+        })
+
+      }, getDoctorList() {
+        getDoctorList().then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg);
+            return false
+          } else {
+            this.doctors = response.data.data.doctors
+          }
+        })
+      },
+      open(index) {
+        if (index == 1) {
+          this.listVisible = true
+        } else if (index == 2) {
+          this.allListVisible = true
+        }
+      },
+      invoicePrint(obj){
+        console.log(obj);
+        let paramsObj = {
+          order_id: obj.id,
+          patient_id: obj.patient_id,
+          name:obj.patient.name,
+          age:obj.age,
+          gend:obj.gend,
+          setl_time:obj.setl_time
+        };
+        this.invoiceParams = paramsObj;
+        this.invoiceVisible = true
+      }
+    }, created() {
+
+
+      this.fetchAllAdminUsers();
+      this.getDoctorList();
+      this.getHisOrderList()
+
+
+
+    }
+  }
+</script>

src/xt_pages/hospitalStation/summaryDetail.vue

@@ -0,0 +1,652 @@
+<template>
+    <div class="main-contain summaryDetail">
+        <div class="position">
+            <bread-crumb :crumbs='crumbs'></bread-crumb>
+        </div>
+      <el-popover
+        placement="bottom"
+        width="210"
+        trigger="click">
+        <el-button size="small" ref="button_two" @click="open(1)">打印清单</el-button>
+        <el-button size="small" ref="button_six" @click="open(2)">打印汇总</el-button>
+        <el-button  slot="reference" style="margin:10px 10px;float: right" type="primary" size="small" >打印</el-button>
+
+      </el-popover>
+        <div class="app-container" style="display:flex;flex: 1;padding: 20px 20px 0px 20px;">
+            <div class="mainCenter">
+                <div class="centerLeft">
+                    <div class="tabsBox">
+                      <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>
+
+                        <el-table-column align="center" prop="project_name" label="名称">
+                          <template slot-scope="scope">{{ scope.row.name }}</template>
+                        </el-table-column>
+
+                        <el-table-column align="center" prop="project_name" label="分类" width="100">
+                          <template slot-scope="scope">{{ scope.row.type == 1?'药品':'项目' }}</template>
+                        </el-table-column>
+
+
+                        <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
+                          <template slot-scope="scope">{{scope.row.single_dose}}&nbsp;&nbsp;{{scope.row.single_dose_unit}}</template>
+
+                        </el-table-column>
+                        <el-table-column align="center" prop="delivery_way" width="90" label="用法">
+                          <template slot-scope="scope">
+                            <!--<el-input v-model="scope.row.delivery_way" placeholder="" readonly></el-input>-->
+                            {{scope.row.delivery_way}}
+
+                          </template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="execution_frequency" width="90" label="频率">
+                          <template slot-scope="scope">{{scope.row.execution_frequency}}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="number_days" width="60" label="天数">
+                          <template slot-scope="scope">
+                            <!--<el-input v-model="scope.row.number_days" placeholder="" readonly></el-input>-->
+                            {{scope.row.day}}天
+
+                          </template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="total" width="60" label="总量">
+                          <template slot-scope="scope">{{scope.row.count}}&nbsp;&nbsp;{{scope.row.prescribing_number_unit}}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" width="60" label="单价">
+                          <template slot-scope="scope">
+                            <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
+                            {{scope.row.price}}元
+
+                          </template>
+                        </el-table-column>
+
+                          <el-table-column align="center" prop="name" width="60" label="总价">
+                              <template slot-scope="scope">
+                                  <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
+                                  {{scope.row.price}}元
+
+                              </template>
+                          </el-table-column>
+
+
+                        <el-table-column align="center" prop="name" width="80" label="备注">
+                          <template slot-scope="scope">
+                            <!--<el-input v-model="scope.row.remark" readonly></el-input>-->
+                            {{scope.row.remark}}
+
+                          </template>
+                        </el-table-column>
+                      </el-table>
+
+                      <div class="additionalBox">
+                        <div class="additionalOne" v-for="(item,index) in additions" :key="index">
+                          <span :title="item.item_name">{{item.item_name}}</span>
+                          <el-input v-model="item.price" placeholder="" style="width:50px;" readonly></el-input>
+                          共
+                          <el-input v-model="item.count" placeholder="" style="width:50px;" readonly></el-input>
+                          次
+                          <!--<i class="el-icon-delete deleteIcon" @click="delAddition(index,item)"></i>-->
+                        </div>
+                      </div>
+
+                    </div>
+                    <div class="costBox">
+                      <span>当前处方总费用：<span style="color:red;">{{ order.medfee_sumamt}}元</span></span>
+                      <span v-if="order.order_status == 1">待结算</span>
+                      <span v-if="order.order_status == 2">已结算</span>
+                      <span v-if="order.order_status == 3">已退费</span>
+
+
+                    </div>
+                </div>
+                <div class="centerRight">
+                    <p class="centerRightTitle">人员信息</p>
+                    <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?patientInfo.height:''}}</li>
+                        <li style="width:50%;">体重：{{patientInfo.weight?patientInfo.weight:''}}</li>
+                        <li style="width:50%;">电话：{{patientInfo.phone}}</li>
+                    </ul>
+                    <p class="centerRightTitle" style="margin-top:10px;">收费信息</p>
+                    <ul class="basicUl">
+                        <li style="width:50%;">应收金额：{{order.medfee_sumamt }}元</li>
+                        <li style="width:50%;">实收金额：{{order.reality_price}}元</li>
+                        <li style="width:50%;">舍入金额：{{order.medfee_sumamt - order.reality_price}}元</li>
+                        <li style="width:50%;">优惠金额：{{order.preferential_price}}元</li>
+                        <li style="width:50%;">总金额</li>
+                        <li style="width:50%;">{{order.medfee_sumamt}}元</li>
+                    </ul>
+                    <!--<p class="centerRightTitle">发票费用</p>-->
+                    <!--<ul class="basicUl">-->
+                        <!--<li style="width:100%;">西药费：0.00元</li>-->
+                    <!--</ul>-->
+                </div>
+            </div>
+        </div>
+
+      <div v-if="listVisible">
+      <el-dialog
+        class="centerDialog"
+        width="900px"
+        title="打印"
+        :visible.sync="listVisible">
+        <list-print  :paramsObj='paramsObj'></list-print>
+      </el-dialog>
+      </div>
+
+      <div v-if="allListVisible">
+      <el-dialog
+        class="centerDialog"
+        width="900px"
+        title="打印"
+        :visible.sync="allListVisible">
+        <all-list-print :paramsObj='paramsObj'></all-list-print>
+      </el-dialog>
+      </div>
+
+
+    </div>
+</template>
+
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import { getHisOrder } from '@/api/his/his'
+import prescriptionTable from './components/prescriptionTable'
+import { getDictionaryDataConfig} from "@/utils/data";
+import ListPrint from './listPrint'
+import AllListPrint from './allListPrint'
+
+export default {
+    components:{
+      AllListPrint,
+      ListPrint,
+        BreadCrumb,
+      prescriptionTable,
+
+    },
+    data(){
+        return{
+          listVisible:false,
+          allListVisible:false,
+          paramsObj:{
+            id:this.$route.query.id
+          },
+            crumbs: [
+                { path: false, name: '门诊收费' },
+                { path: false, name: '项目消费明细汇总详情' }
+            ],
+          info: {},
+          curPrescriptions: {},
+          prescriptions: [],
+          record_date: '',
+          tableData: [],
+          additions:[],
+          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: '',
+          order:{},
+        }
+    },created(){
+      this.GetOrderDetail()
+  },methods:{
+      open(val){
+        if(val == 1){
+          this.paramsObj.id == this.$route.query.id;
+          this.listVisible = true
+
+        }else if(val == 2){
+          this.paramsObj.id == this.$route.query.id;
+          this.allListVisible = true
+        }
+      },
+    // getTotal() {
+    //   var total = 0
+    //   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++) {
+    //         console.log(this.prescriptions[i].advices[a].price )
+    //         console.log(this.prescriptions[i].advices[a].prescribing_number)
+    //
+    //         total = parseFloat(total) + parseFloat(this.prescriptions[i].advices[a].price * this.prescriptions[i].advices[a].prescribing_number)
+    //       }
+    //     }
+    //     if (this.prescriptions[i].project != null) {
+    //       for (let a = 0; a < this.prescriptions[i].project.length; a++) {
+    //
+    //         total = parseFloat(total) + parseFloat(this.prescriptions[i].project[a].price * this.prescriptions[i].project[a].count)
+    //       }
+    //     }
+    //
+    //     if (this.prescriptions[i].addition != null) {
+    //       for (let b = 0; b < this.prescriptions[i].addition.length; b++) {
+    //         total = parseFloat(total) + parseFloat(this.prescriptions[i].addition[a].price * this.prescriptions[i].addition[b].count)
+    //       }
+    //     }
+    //   }
+    //   return total.toFixed(2)
+    //
+    // },
+    getDictionaryDataConfig(module, filed_name) {
+      return getDictionaryDataConfig(module, filed_name)
+    },
+    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
+        }
+      }
+    },
+    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
+    },  getGroup(id){
+      var name = "";
+      var statistics_category =  getDictionaryDataConfig('system','statistics_category');
+      for(let i=0;i<statistics_category.length;i++){
+        if(id == statistics_category[i].id){
+          name = statistics_category[i].name
+        }
+      }
+      return name
+    },
+    getTotal() {
+      var total = 0;
+      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].retail_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].total
+          }
+        }
+      }
+      return total
+    },
+    moreState(tab, event) {
+      if (tab == 'more') {
+        return false
+      }
+    },  unique(array) {
+      // res用来存储结果
+      var res = [];
+      for (var i = 0, arrayLen = array.length; i < arrayLen; i++) {
+        for (var j = 0, resLen = res.length; j < resLen; j++) {
+          if (array[i].id === res[j].id && array[i].price === res[j].price) {
+            break
+          }
+        }
+        // 如果array[i]是唯一的，那么执行完循环，j等于resLen
+        if (j === resLen) {
+          res.push(array[i])
+        }
+      }
+      return res
+    },
+    setMonthPrescription(month_prescriptions) {
+      console.log(month_prescriptions);
+      let drug_month_prescriptions = {
+        advices: []
+      };
+      let drug_ids = [];
+      let project_month_prescriptions = {
+        project: []
+
+      };
+      let project_ids = [];
+
+      let addition_month_prescriptions = {
+        addition: []
+
+      };
+      let additions_ids = [];
+
+      for (let i = 0; i < month_prescriptions.length; i++) {
+        if (month_prescriptions[i].type == 1) { //药品
+          for (let a = 0; a < month_prescriptions[i].advices.length; a++) {
+            let obj = {
+              id: month_prescriptions[i].advices[a].drug_id,
+              price: month_prescriptions[i].advices[a].price
+
+            };
+            drug_ids.push(obj);
+            drug_month_prescriptions.advices.push(month_prescriptions[i].advices[a])
+          }
+
+        } else if (month_prescriptions[i].type == 2) { //项目
+          for (let a = 0; a < month_prescriptions[i].project.length; a++) {
+            let obj = {
+              id: month_prescriptions[i].project[a].project_id,
+              price: month_prescriptions[i].project[a].price
+
+            };
+            project_ids.push(obj);
+            project_month_prescriptions.project.push(month_prescriptions[i].project[a])
+          }
+        }
+        //附加收费
+        for (let a = 0; a < month_prescriptions[i].addition.length; a++) {
+          let obj = {
+            id: month_prescriptions[i].addition[a].item_id,
+            price: month_prescriptions[i].addition[a].price
+
+          };
+          additions_ids.push(obj);
+          addition_month_prescriptions.addition.push(month_prescriptions[i].addition[a])
+
+        }
+
+      }
+
+      drug_ids = this.unique(drug_ids);
+      project_ids= this.unique(project_ids);
+      additions_ids= this.unique(additions_ids);
+
+
+
+
+
+      for (let i = 0; i < drug_ids.length; i++) {
+        let obj = {};
+        let count = 0;
+        for (let a = 0; a < drug_month_prescriptions.advices.length; a++) {
+          if (drug_ids[i].price == drug_month_prescriptions.advices[a].price && drug_ids[i].id ==  drug_month_prescriptions.advices[a].drug_id) {
+            obj['name'] = drug_month_prescriptions.advices[a].advice_name;
+            obj['statistical_classification'] = '';
+            obj['type'] = 1;
+            obj['single_dose'] = drug_month_prescriptions.advices[a].single_dose;
+            obj['delivery_way'] = drug_month_prescriptions.advices[a].delivery_way;
+            obj['execution_frequency'] = drug_month_prescriptions.advices[a].execution_frequency;
+            obj['day'] = drug_month_prescriptions.advices[a].day;
+            obj['prescribing_number_unit'] = drug_month_prescriptions.advices[a].prescribing_number_unit;
+            obj['remark'] = drug_month_prescriptions.advices[a].remark;
+            obj['price'] = parseFloat(drug_month_prescriptions.advices[a].price);
+            count = count + drug_month_prescriptions.advices[a].prescribing_number
+
+          }
+        }
+        obj['count'] = count;
+        this.tableData.push(obj)
+      }
+
+      for (let i = 0; i < project_ids.length; i++) {
+        let obj = {};
+        let count = 0;
+        for (let a = 0; a < project_month_prescriptions.project.length; a++) {
+          if (project_ids[i].price == project_month_prescriptions.project[a].price &&project_ids[i].id == project_month_prescriptions.project[a].project_id ) {
+            obj['name'] = project_month_prescriptions.project[a].project.project_name;
+            obj['statistical_classification'] = '';
+            obj['single_dose'] = project_month_prescriptions.project[a].single_dose;
+            obj['delivery_way'] = project_month_prescriptions.project[a].delivery_way;
+            obj['execution_frequency'] = project_month_prescriptions.project[a].execution_frequency;
+            obj['day'] = project_month_prescriptions.project[a].day;
+            obj['single_dose_unit'] = project_month_prescriptions.project[a].unit;
+            obj['prescribing_number_unit'] = project_month_prescriptions.project[a].unit;
+            count = count + project_month_prescriptions.project[a].count;
+            obj['price'] = parseFloat(project_month_prescriptions.project[a].price);
+            obj['remark'] = project_month_prescriptions.project[a].remark;
+            obj['type'] = 2
+
+
+          }
+        }
+        obj['count'] = count;
+        this.tableData.push(obj)
+
+      }
+
+      for (let i = 0; i < additions_ids.length; i++) {
+        let obj = {};
+        let count = 0;
+        console.log(addition_month_prescriptions.addition);
+        if (addition_month_prescriptions.addition) {
+          for (let a = 0; a < addition_month_prescriptions.addition.length; a++) {
+            if (additions_ids[i].price == addition_month_prescriptions.addition[a].price &&additions_ids[i].id == addition_month_prescriptions.addition[a].item_id) {
+              obj['item_name'] = addition_month_prescriptions.addition[a].item_name;
+              count = count + addition_month_prescriptions.addition[a].count;
+              obj['price'] = parseFloat(addition_month_prescriptions.addition[a].price)
+            }
+          }
+          obj['count'] = count;
+          this.additions.push(obj)
+
+        }
+      }
+
+    },
+
+    GetOrderDetail(){
+      let params={
+        number:this.$route.query.number,
+        patient_id:this.$route.query.patient_id,
+      };
+      getHisOrder(params).then(response => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          return false
+        } else {
+          this.patientInfo = response.data.data.order.patient;
+          this.hisPatientInfo = response.data.data.order.his_patient;
+          this.info = response.data.data.p_info;
+          this.order = response.data.data.order;
+
+          this.prescriptions = [];
+          this.tableData = [];
+
+
+          var prescription = response.data.data.prescription;
+          this.prescriptions = prescription;
+          this.setMonthPrescription(prescription)
+
+
+          // for (let i = 0; i < response.data.data.prescription.length; i++) {
+          //   var prescription = response.data.data.prescription[i]
+
+
+            // for (let b = 0; b < prescription.advices.length; b++) {
+            //   let obj = {
+            //     name: prescription.advices[b].advice_name,
+            //     statistical_classification:"",
+            //     type:1,
+            //     single_dose: prescription.advices[b].single_dose,
+            //     delivery_way: prescription.advices[b].delivery_way,
+            //     execution_frequency: prescription.advices[b].execution_frequency,
+            //     price: prescription.advices[b].price.toString(),
+            //     day: prescription.advices[b].day,
+            //     count:prescription.advices[b].prescribing_number.toString(),
+            //     remark: prescription.advices[b].remark,
+            //     single_dose_unit: prescription.advices[b].single_dose_unit,
+            //     prescribing_number_unit: prescription.advices[b].prescribing_number_unit,
+            //
+            //   }
+            //   this.tableData.push(obj)
+            // }
+            //
+            // for (let b = 0; b < prescription.project.length; b++) {
+            //   let obj = {
+            //     name: prescription.project[b].project.project_name,
+            //     statistical_classification: prescription.project[b].project.statistical_classification,
+            //     single_dose: prescription.project[b].single_dose,
+            //     delivery_way: prescription.project[b].delivery_way,
+            //     execution_frequency: prescription.project[b].execution_frequency,
+            //     price: prescription.project[b].price,
+            //     day: prescription.project[b].day,
+            //     count: prescription.project[b].count.toString(),
+            //     remark: prescription.project[b].remark,
+            //     single_dose_unit:prescription.project[b].project.unit,
+            //     prescribing_number_unit:prescription.project[b].project.unit,
+            //     type:2,
+            //   }
+            //   this.tableData.push(obj)
+            // }
+            //
+            // for (let b = 0; b < prescription.addition.length; b++) {
+            //     this.additions.push( prescription.addition[b])
+            // }
+
+
+
+            // let index = i + 1
+            // let obj = {
+            //   id: prescription.id,
+            //   name: '处方' + index,
+            //   advices: tempAdvice,
+            //   project: tempProject,
+            //   type: response.data.data.prescription[i].type
+            // }
+            // this.prescriptions.push(obj)
+            // this.curPrescriptions = this.prescriptions[0]
+
+          // }
+          // this.tableData = response.data.data.order
+
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.summaryDetail{
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .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;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .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:0 0 10px 0;
+    }
+    .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;
+        }
+    }
+    .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:80px;
+          display: inline-block;
+          font-size: 14px;
+        }
+      }
+      .deleteIcon{
+        color:red;
+        margin-left:5px;
+      }
+    }
+}
+</style>
+
+<style lang="scss">
+.summaryDetail{
+    .el-table th .cell, .el-table td .cell{
+        padding: 0 2px;
+    }
+    .el-icon-delete{
+        color:red;
+    }
+}
+
+</style>
+

src/xt_pages/hospitalStation/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">
+            <div style="margin-bottom: 10px;">门诊号：111111111111</div>
+            <div style="margin-bottom: 10px;">科室：全科</div>
+            <div style="margin-bottom: 10px;">医保卡号：111111111111</div>
+            <div style="margin-bottom: 10px;">电话：111111111111</div>
+            <div>地址：加上来看待就卢萨卡的及拉丝机的了</div>
+            <div>临床诊断：拉胯手机上的拉丝机的</div>
+        </div>
+        <div class="prescriptionBox">
+            <div class="Rp">Rp:</div>
+            <div class="drugsBox">
+                <div class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</div>
+                <div style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></div>
+            </div>
+            <div class="drugsBox">
+                <div class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</div>
+                <div style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></div>
+            </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> b
+    </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 div{
+    width: 50%;
+    line-height: 24px;
+}
+.prescriptionBox{
+    padding:0 10px;
+    min-height:450px;
+}
+.Rp{
+    font-size: 22px;
+    font-weight: bold;
+}
+.drugsBox{
+    padding-left: 40px;
+    margin-bottom: 10px;
+}
+.drugsBox div{
+    line-height: 20px;
+}
+.drugsOne{
+    line-height: 24px;
+}
+.drugsOne span{
+    margin-right: 20px;
+}
+.doctorBox{
+    display: flex;
+    justify-content: space-between;
+    padding:0 10px;
+    line-height: 24px;
+    border-bottom: 2px solid #000;
+}
+.actionBar{
+    display: flex;
+    justify-content: space-between;
+    line-height: 24px;
+    padding:0 10px;
+}
+.actionBar p{
+    width:150px;
+}
+</style>

src/xt_pages/hospitalStation/template/printTwo.vue

@@ -0,0 +1,231 @@
+<template>
+    <div id='prescription-print' class="prescription-print">
+        <div class="printTitle">{{orgname}}处方笺</div>
+        <div class="infoTitle">
+            <p>姓名：{{patient.name}}</p>
+            <p>性别：
+               <span v-if="patient.gender == 1">男</span>
+               <span v-if="patient.gender == 2">女</span>
+            </p>
+            <p>年龄：{{patient.age}}岁</p>
+        </div>
+        <div class="infoMain">
+            <div style="margin-bottom: 10px;">门诊号：{{this.hisPatient.number?this.hisPatient.number:""}}</div>
+            <div style="margin-bottom: 10px;">科室：{{getDepart(this.hisPatient.departments?this.hisPatient.departments:"")}}</div>
+            <div style="margin-bottom: 10px;">医保卡号：{{this.hisPatient.number?this.hisPatient.number:""}}</div>
+            <div style="margin-bottom: 10px;">电话：{{patient.phone}}</div>
+            <div>地址：{{patient.home_address}}</div>
+            <div style="display:flex;width:50%;">临床诊断：{{patient.diagnose}}</div>
+        </div>
+        <div class="prescriptionBox">
+            <div class="Rp">Rp:</div>
+            <div class="drugsBox" v-for="(item,index) in advicePrint" :key="index">
+                <div class="drugsOne">{{item.advice_name?item.advice_name:""}}&nbsp;&nbsp;{{item.single_dose}}{{item.single_dose_unit}}&nbsp;×&nbsp; {{item.prescribing_number}}{{item.prescribing_number_unit}}</div>
+                <div style="margin-left:100px;"><span>用法：{{item.single_dose}}{{item.single_dose_unit}}</span>&nbsp;&nbsp;<span>{{item.execution_frequency}}</span>&nbsp;&nbsp;<span>{{item.advice_desc}}</span></div>
+            </div>
+
+
+        </div>
+        <div class="doctorBox">
+            <p>医师：{{getDoctor(advicePrint[0].advice_doctor)?getDoctor(advicePrint[0].advice_doctor):""}}</p>
+            <p>日期：{{getTime(advicePrint[0].advice_date)?getTime(advicePrint[0].advice_date):""}}</p>
+        </div>
+        <div class="actionBar">
+            <p>审核：{{getDoctor(advicePrint[0].advice_doctor)?getDoctor(advicePrint[0].advice_doctor):""}}</p>
+            <p>配对:</p>
+            <p>核对：{{getDoctor(advicePrint[0].checker)?getDoctor(advicePrint[0].checker):""}}</p>
+            <p>发药：{{getDoctor(advicePrint[0].execution_staff)?getDoctor(advicePrint[0].execution_staff):""}}</p>
+            <p>药费：{{advicePrint[0].price?advicePrint[0].price:""}}</p>
+        </div>
+    </div>
+</template>
+<script>
+import { jsGetAge, uParseTime } from '@/utils/tools'
+import {getAllDoctorList,getPrescriptionPrint,getHisPatientDetail} from "@/api/project/project"
+import {getInitData} from "@/api/his/his"
+export default {
+    props:{
+      patient_id:Number,
+      record_date:String,
+      prescription_id:Number
+    },
+    data(){
+      return {
+        doctorList:[],
+        advicePrint:{},
+        patient:{},
+        tableData:[],
+        prescriptionInfo:[],
+        hisPatient:{},
+        department:[],
+        orgname:""
+      }
+    },
+   methods:{
+
+     getAllDoctorList(){
+      getAllDoctorList().then(response=>{
+        if(response.data.state == 1){
+               var doctor =  response.data.data.doctor;
+
+               this.doctorList = doctor
+             }
+         })
+     },
+
+      getDoctor(id){
+        var name = "";
+        for(let i=0;i<this.doctorList.length;i++){
+          if(id == this.doctorList[i].admin_user_id){
+              name = this.doctorList[i].user_name
+          }
+        }
+        return name
+      },
+      getTime(value, temp) {
+        if (value != undefined) {
+            return uParseTime(value, temp)
+        }
+        return ''
+     },
+       getPrescriptionPrint(){
+         var params = {
+          patient_id:this.patient_id,
+          record_date:this.record_date,
+          prescription_id:this.prescription_id,
+        };
+        console.log("params---",params);
+       getPrescriptionPrint(params).then(response=>{
+         if(response.data.state == 1){
+            var advicePrint =  response.data.data.advicePrint;
+            console.log("adviceprint",advicePrint);
+            this.advicePrint = advicePrint;
+            var patient =  response.data.data.patient;
+            console.log("patient",patient);
+            this.patient = patient;
+            var doctorPorject = response.data.data.doctorPorject;
+
+            var arr = doctorPorject.project;
+              console.log("我的中谷歌",arr);
+            for(let i=0;i<arr.length;i++){
+              console.log("arr",arr[i].project_name)
+            }
+            this.tableData = arr;
+            console.log("3333",this.tableData);
+            var prescriptioninfo = response.data.data.prescriptionInfo;
+            console.log("prescriptioninfo",prescriptioninfo);
+            this.prescriptionInfo = prescriptioninfo
+          }
+       })
+     },
+     getHisPatientDetail(){
+          const params = {
+              patient_id:this.patient_id
+          };
+       getHisPatientDetail(params).then(response=>{
+          if(response.data.state == 1){
+             var hisPatient =  response.data.data.hisPatient;
+             console.log("挂号病人",hisPatient);
+             this.hisPatient = hisPatient
+          }
+       })
+     },
+     getInitData(){
+       getInitData().then(response=>{
+          if(response.data.state == 1){
+            this.department = response.data.data.department
+
+          }
+       })
+     },
+     getDepart(id){
+         var name = "";
+       for(let i=0;i<this.department.length;i++){
+           if(id == this.department[i].id){
+               name = this.department[i].name
+           }
+       }
+       return name
+     }
+   },
+   created(){
+      this.getAllDoctorList();
+      this.getInitData();
+      var xtuser = this.$store.getters.xt_user;
+      this.orgname = xtuser.org.org_name;
+   },
+   watch:{
+     patient_id:function(val){
+       console.log("999999888888",this.patient_id,this.record_date,this.prescription_id);
+       this.getPrescriptionPrint();
+       this.getHisPatientDetail()
+     }
+   }
+}
+</script>
+
+
+<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 div{
+    width: 50%;
+    line-height: 24px;
+}
+.prescriptionBox{
+    padding:0 10px;
+    min-height:450px;
+}
+.Rp{
+    font-size: 22px;
+    font-weight: bold;
+}
+.drugsBox{
+    padding-left: 40px;
+    margin-bottom: 10px;
+}
+.drugsBox div{
+    line-height: 20px;
+}
+.drugsOne{
+    line-height: 24px;
+}
+.drugsOne span{
+    margin-right: 20px;
+}
+.doctorBox{
+    display: flex;
+    justify-content: space-between;
+    padding:0 10px;
+    line-height: 24px;
+    border-bottom: 2px solid #000;
+}
+.actionBar{
+    display: flex;
+    justify-content: space-between;
+    line-height: 24px;
+    padding:0 10px;
+}
+.actionBar p{
+    width:150px;
+}
+</style>

src/xt_pages/hospitalStation/templateManagement.vue

@@ -0,0 +1,99 @@
+<template>
+    <div class="main-contain">
+        <div class="position">
+            <bread-crumb :crumbs='crumbs'></bread-crumb>
+        </div>
+        <div class="app-container">
+            <div class="cell clearfix">
+                <el-input size="small" style="width:150px;" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>
+                <el-button size="small" style="margin:0 10px;" class="filter-item" type="primary" @click="searchAction">搜索</el-button>
+                <label class="title"><span class="name">模板类型</span> : </label>
+                <el-select size="small" v-model="value" placeholder="请选择" style="width:150px;margin-left:10px;">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+            </div>
+            <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>
+                <el-table-column align="center" width="60" label="序号">
+                    <template slot-scope="scope">
+                        1
+                    </template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="模板名称" width="100">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="模板类型" width="110">
+                    <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="创建时间">
+                    <template slot-scope="scope">{{ scope.row.date }}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="操作" width="100">
+                    <template slot-scope="scope">
+                        <el-button size="mini" type="primary" @click="handerDetail">编辑</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :page-sizes="[10, 50, 100]"
+                :page-size="10"
+                background
+                style="margin-top:20px;float: right"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="total"
+            >
+            </el-pagination>
+            <template-detail ref="templateDetail"></template-detail>
+        </div>
+    </div>
+</template>
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import templateDetail from './components/templateDetail'
+export default {
+    components:{
+        BreadCrumb,
+        templateDetail
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '门诊医生站' },
+                { path: false, name: '模板管理' }
+            ],
+            tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+            }]
+        }
+    },
+    methods:{
+        handerDetail(){
+            this.$refs.templateDetail.show()
+        }
+    }
+}
+</script>

src/xt_pages/hospitalStation/treatPrint.vue

@@ -0,0 +1,170 @@
+<template>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        :loading="loading"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+        >打印</el-button
+      >
+    </template>
+    <div class="app-container" style="padding-top:40px;">
+        <div class='dialysisPage'>
+            <printOne v-bind:childResponse="childResponse" :paramsObj="paramsObj"></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
+  },
+  props:{
+    paramsObj:Object
+  },
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: "透析管理" },
+        { path: false, name: "打印单" }
+      ],
+      childResponse: {},
+      paramsObj:{}
+      
+
+    };
+  },
+  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%;}.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 div{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() {
+  },
+  watch:{
+    paramsObj:{//深度监听，可监听到对象、数组的变化
+      handler(val, oldVal){
+        this.paramsObj = val
+        
+      },
+      deep:true
+    }
+  }
+};
+</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/hospitalStation/treatTemplate/printOne.vue

@@ -0,0 +1,495 @@
+<template>
+    <div>
+        <div id='prescription-print' class="prescription-print">
+            <div v-if=" this.$store.getters.xt_user.org_id == 9504 || this.$store.getters.xt_user.org_id == 10028">
+                <div class="printTitle">{{orgname}}&nbsp;&nbsp;医药费收据及收费项目清单</div>
+                <div class="infoMain">
+                    <div class="infoP">医院(药店)编号：{{org_code}}</div>
+                    <div class="infoP">名称：{{orgname}}</div>
+                    <div class="infoP">医生工号：{{doctor_code}}</div>
+                    <div class="infoP">门诊流水号：{{result.transBody.akc190}}</div>
+                    <div class="infoP">科别：{{全科}}</div>
+                    <div class="infoP">处方单据号：</div>
+                    <div class="infoP">姓名：{{patient_name}}</div>
+                    <div class="infoP">医疗账号：</div>
+                    <div class="infoP">医疗类别：普通</div>
+                </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,index) in result.transBody.outputlist2" :key="index">
+                                <p style="width:50%;">{{getItemName(item.aka111)}}</p>
+                                <p style="width:50%;">{{item.bka058}}</p>
+                            </div>
+                            <div class="chargeUl" style="border-top:1px solid #000;">
+                                <p style="width:50%;">费用合计</p>
+                                <p style="width:50%;">{{result.transBody.akc264}}</p>
+                            </div>
+                            <div class="chargeUl" style="border-top:1px solid #000;">
+                                <p style="width:50%;">记账支付</p>
+                                <p style="width:50%;">{{result.transBody.akb068}}</p>
+                            </div>
+                            <div class="chargeUl" style="border-top:1px solid #000;">
+                                <p style="width:50%;">个人账号</p>
+                                <p style="width:50%;">{{result.transBody.akc264}}</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%;">{{result.transBody.akb067}}</p>
+                            </div>
+                        </div>
+                        <div style="width:80%;display:flex;height:300px;">
+
+                            <div style="border-left:1px solid #000;border-right:1px solid #000;width:40%;text-align:center;">
+                                <p v-for="(item,i) in name_arr" :key="i" class="chargeP">
+                                    {{item}}</p>
+                            </div>
+                            <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                                <p v-for="(item,y) in spec_arr" :key="y" class="chargeP">
+                                    {{item}}</p>
+                            </div>
+                            <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                                <p v-for="(item,z) in count_arr" :key="z" class="chargeP">
+                                    {{item}}次</p>
+                            </div>
+                            <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                                <p v-for="(item,f) in price_arr" :key="f" class="chargeP">{{item}}</p>
+                            </div>
+                            <div style="width:15%;text-align:center;">
+                                <p v-for="(item,d) in total_arr" :key="d" class="chargeP">{{item}}</p>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                <div class="moneyBox">
+                    <p>实收金：{{result.transBody.akc264}}</p>
+                    <p>记账前金额：{{0.00}}</p>
+                    <p>扣款金额：{{0.00}}</p>
+                    <p>记账后金额：{{0.00}}</p>
+                    <p>找赎金：{{0.00}}</p>
+                </div>
+                <div class="actionBar">
+                    <div>收费员：{{doctor_name}}</div>
+                    <div>日期：{{this.$route.query.record_date}}</div>
+                </div>
+            </div>
+
+            <div v-else>
+                <div class="printTitle">{{orgname}}&nbsp;&nbsp;医药费收据及收费项目清单</div>
+                <div class="infoMain">
+                    <div class="infoP">医院(药店)编号：</div>
+                    <div class="infoP">名称：{{orgname}}</div>
+                    <div class="infoP">医生工号：</div>
+                    <div class="infoP">门诊流水号：</div>
+                    <div class="infoP">科别：{{list.p_info.departments?list.p_info.departments:''}}</div>
+                    <div class="infoP">处方单据号：</div>
+                    <div class="infoP">姓名：{{patient.name}}</div>
+                    <div class="infoP">医疗账号：</div>
+                    <div class="infoP">医疗类别：普通</div>
+                </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,index) in 1" :key="index">
+                                <p style="width:50%;">材料费</p>
+                                <p style="width:50%;"></p>
+                            </div>
+                            <div class="chargeUl" style="border-top:1px solid #000;">
+                                <p style="width:50%;">费用合计</p>
+                                <p style="width:50%;">
+                                    {{list.order_info.medfee_sumamt?list.order_info.medfee_sumamt:''}}</p>
+                            </div>
+                            <div class="chargeUl" style="border-top:1px solid #000;">
+                                <p style="width:50%;">记账支付</p>
+                                <p style="width:50%;"></p>
+                            </div>
+                            <div class="chargeUl" style="border-top:1px solid #000;">
+                                <p style="width:50%;">个人账号</p>
+                                <p style="width:50%;"></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%;">{{list.order_info.psn_cash_pay}}</p>
+                            </div>
+                        </div>
+                        <div style="width:80%;display:flex;height:300px;">
+
+                            <div style="border-left:1px solid #000;border-right:1px solid #000;width:40%;text-align:center;">
+                                <p v-for="(item,i) in prescription[0].advices" :key="i" class="chargeP">
+                                    {{item.advice_name}}</p>
+                            </div>
+                            <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                                <p v-for="(item,y) in prescription[0].advices" :key="y" class="chargeP">
+                                    {{item.advice_desc}}</p>
+                            </div>
+                            <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                                <p v-for="(item,z) in prescription[0].advices" :key="z" class="chargeP">
+                                    {{item.single_dose}}个</p>
+                            </div>
+                            <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                                <p v-for="(item,f) in prescription[0].advices" :key="f" class="chargeP">
+                                    {{item.price}}</p>
+                            </div>
+                            <div style="width:15%;text-align:center;">
+                                <p v-for="(item,d) in prescription[0].advices" :key="d" class="chargeP">
+                                    {{item.single_dose *
+                                    item.price}}</p>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                <div class="moneyBox">
+                    <p>实收金：{{list.order_info.medfee_sumamt?list.order_info.medfee_sumamt:''}}</p>
+                    <p>记账前金额：{{list.order_info.preselfpay_amt?list.order_info.preselfpay_amt:''}}</p>
+                    <p>扣款金额：</p>
+                    <p>记账后金额：</p>
+                    <p>找赎金：</p>
+                </div>
+                <div class="actionBar">
+                    <div>收费员：{{}}</div>
+                    <div>日期：{{this.$route.query.record_date}}</div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</template>
+<script>
+  import axios from 'axios'
+  import { getChargePrint } from '@/api/project/project'
+
+  export default {
+    data() {
+      return {
+        list: {},
+        prescription: [],
+        patient: {},
+        orgname: '',
+
+        result: {},
+        org_code: '',
+        patient_name: '',
+        doctor_code: '',
+        doctor_name: '',
+
+        name_arr: [],
+        spec_arr: [],
+        count_arr: [],
+        price_arr: [],
+        total_arr: []
+
+      }
+    },
+    props: {
+      paramsObj: Object
+    },
+    methods: {
+      getItemName(number) {
+        switch (number) {
+          case '01':
+            return '床位费';
+            break;
+          case '02':
+            return '西药费';
+
+            break;
+          case '03':
+            return '中药费';
+
+            break;
+          case '04':
+            return '中成药费';
+
+            break;
+          case '05':
+            return '中草药费';
+
+            break;
+          case '06':
+            return '检查费';
+
+            break;
+          case '07':
+            return '治疗费';
+
+            break;
+          case '08':
+            return '放射费';
+
+            break;
+          case '09':
+            return '手术费';
+
+            break;
+          case '10':
+            return '化验费';
+
+            break;
+          case '11':
+            return '输血费';
+
+            break;
+          case '12':
+            return '输氧费';
+
+            break;
+          case '13':
+            return '其它费';
+
+            break;
+          case '14':
+            return '麻醉费';
+
+            break;
+          case '15':
+            return '材料费';
+
+            break;
+          case '16':
+            return '特殊检查费';
+
+            break;
+          case '17':
+            return '特殊治疗费';
+
+            break;
+          case '18':
+            return '诊疗费(诊查费)';
+
+            break;
+          case '19':
+            return '护理费';
+
+            break;
+          case '20':
+            return '诊金';
+
+            break;
+          case '21':
+            return '检查费（CT）';
+
+            break;
+          case '22':
+            return '检查费（MRT）';
+
+            break;
+          case '23':
+            return '检查费（其他）';
+
+            break;
+          case '24':
+            return '特需服务费';
+
+            break;
+          case '25':
+            return '杂费';
+
+            break;
+          case '26':
+            return '挂号费';
+            break
+
+        }
+
+      },
+      getChargePrint(record_date, patient_id, prescription_id) {
+        var params = {
+          record_date: record_date,
+          patient_id: patient_id,
+          prescription_id: prescription_id
+        };
+        console.log('params', params);
+        getChargePrint(params).then(response => {
+          if (response.data.state == 1) {
+            var list = response.data.data.list;
+            console.log('list9999999999', list);
+            this.list = list;
+            var prescription = response.data.data.prescription;
+            console.log('prescription', prescription);
+            this.prescription = prescription;
+            var patient = response.data.data.patient;
+            console.log('patient', patient);
+            this.patient = patient;
+            var histpatient = response.data.data.hisPatient;
+            console.log('hispatient', histpatient)
+          }
+        })
+      }
+    },
+    created() {
+
+      if (this.$store.getters.xt_user.org_id == 9504 || this.$store.getters.xt_user.org_id == 10028) {
+        this.orgname = xtuser.org.org_name;
+        var form = {
+          'order_id': this.paramsObj.order_id,
+          'patient_id': this.paramsObj.patient_id,
+          'record_time': this.paramsObj.record_date,
+          'admin_user_id': this.$store.getters.xt_user.user.id
+        };
+        var that = this;
+        axios.get('http://127.0.0.1:9532/sz/api/settle/query', {
+          params: form
+        })
+          .then(function(response) {
+            if (response.data.state == 0) {
+              that.$message.error(response.data.msg);
+              return false
+            } else {
+              if (response.data.data.failed_code == -10) {
+                that.$message.error(response.data.data.msg)
+              } else {
+                that.result = response.data.data.result;
+
+                that.org_code = response.data.data.org_code;
+                that.patient_name = response.data.data.patient_name;
+                that.doctor_code = response.data.data.doctor_code;
+                that.doctor_name = response.data.data.doctor_name;
+                that.name_arr = [];
+                that.spec_arr = [];
+                that.count_arr = [];
+                that.price_arr = [];
+                that.total_arr = [];
+                for (let i = 0; i < that.result.transBody.outputlist1.length; i++) {
+                  that.name_arr.push(that.result.transBody.outputlist1[i].ake006);
+                  that.spec_arr.push(that.result.transBody.outputlist1[i].aka074);
+                  that.count_arr.push(that.result.transBody.outputlist1[i].akc226);
+                  that.price_arr.push(that.result.transBody.outputlist1[i].akc225);
+                  that.total_arr.push(that.result.transBody.outputlist1[i].akc264)
+                }
+
+              }
+
+            }
+          })
+          .catch(function(error) {
+
+          })
+
+      } else {
+        var record_date = this.paramsObj.record_date;
+        console.log('record_date', record_date);
+        var patient_id = this.paramsObj.patient_id;
+        console.log('patient_id', patient_id);
+        var prescription_id = this.paramsObj.prescription_id;
+        this.getChargePrint(record_date, patient_id, prescription_id);
+        var xtuser = this.$store.getters.xt_user;
+        this.orgname = xtuser.org.org_name
+
+      }
+
+    },
+    watch: {
+      paramsObj: {//深度监听，可监听到对象、数组的变化
+        handler(val, oldVal) {
+          this.paramsObj = val;
+          this.patient_id = this.paramsObj.patient_id;
+          var record_date = this.paramsObj.record;
+          this.record_date = record_date;
+          var prescription_id = this.paramsObj.prescription_id;
+          this.prescription_id = prescription_id
+
+        },
+        deep: true
+      }
+    }
+  }
+</script>
+
+
+<style lang="scss" scoped>
+    .prescription-print {
+        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+        margin-bottom: 20px;
+        padding: 20px 10px;
+    }
+
+    .printTitle {
+        font-size: 22px;
+        text-align: center;
+        font-weight: bold;
+    }
+
+    .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 div {
+        width: 150px;
+    }
+</style>