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

src/xt_pages/outpatientCharges/outpatientChargesManagement.vue

@@ -77,6 +77,9 @@
           <el-button size="small" @click="open(8)" type="primary"
           >明细对账
           </el-button>
+          <el-button size="small" @click="open(9)" type="primary"
+          >结算单
+          </el-button>
         </div>
 
         <div class="mainCenter">
@@ -237,6 +240,13 @@
       :visible.sync="treatVisible">
       <treatPrint :paramsObj='paramsObj'></treatPrint>
     </el-dialog>
+    <el-dialog
+      class="centerDialog"
+      width="1200px"
+      title="打印"
+      :visible.sync="statementVisible">
+      <statementPrint :paramsObj='paramsObj'></statementPrint>
+    </el-dialog>
   </div>
 </template>
 
@@ -254,6 +264,7 @@
   import {getPatientInfo, getSchedulePatientList, Refund, register, upload} from '@/api/his/his'
   import RegisterDialog from "./components/registerDialog";
   import treatPrint from './treatPrint'
+  import statementPrint from './statementPrint'
   import ChargeDialog from "./components/chargeDialog";
 
   const moment = require('moment')
@@ -268,6 +279,7 @@
       prescriptionTable,
       additionalCharges,
       treatPrint,
+      statementPrint
 
     },
     data() {
@@ -315,7 +327,8 @@
         order: {},
         addtions_charge: [],
         treatVisible: false,
-        paramsObj: {}
+        paramsObj: {},
+        statementVisible:false
       }
     },
     created() {
@@ -769,6 +782,8 @@
 
 
 
+        } else if (index == 9){
+          this.statementVisible = true
         }
       },
 
@@ -1261,5 +1276,11 @@
   }
 
   }
+  .centerDialog{
+    .el-dialog__body{
+      max-height: calc(100vh - 100px) !important;
+      padding: 0 20px;
+    }
+  }
 </style>
 

src/xt_pages/outpatientCharges/statementPrint.vue

@@ -0,0 +1,359 @@
+<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 v-bind:childResponse="childResponse" :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id"></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 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: "dialysisPrintOrder",
+  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:''
+    };
+  },
+  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: 14px;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(){
+
+    }
+    
+  },
+
+  created() {
+    this.getAllDoctorList()
+    var record_date = this.paramsObj.record
+    this.record_date = record_date
+    console.log("record_date",record_date)
+    this.prescription_id = this.paramsObj.prescription_id
+    this.patient_id = this.paramsObj.patient_id
+    this.ids = this.paramsObj.ids
+    this.getAllHisPatientList(record_date)
+  },
+  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
+        this.ids = this.paramsObj.ids
+        
+      },
+      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/outpatientCharges/statementTemplate/printOne.vue

@@ -0,0 +1,248 @@
+<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">**市**街社区卫生服务中心</td>
+                <td width="80">机构编码</td>
+                <td colspan="4">011*****</td>
+                <td width="100">医保结算级别</td>
+                <td width="100"></td>
+            </tr>
+            <tr>
+                <td width="90">就医登记号</td>
+                <td colspan="11"></td>
+            </tr>
+            <tr>
+                <td width="80">姓名</td>
+                <td width="80">张三</td>
+                <td width="80">性别</td>
+                <td width="50">男</td>
+                <td width="80">出生日期</td>
+                <td width="100">2010-10-10</td>
+                <td width="90">个人电脑号</td>
+                <td width="110">1234567890</td>
+                <td width="80">人员类别</td>
+                <td colspan="3"></td>
+            </tr>
+            <tr>
+                <td>单位名称</td>
+                <td colspan="5">**市**街社区卫生服务中心</td>
+                <td width="80">联系电话</td>
+                <td width="110">12345678900</td>
+                <td width="80">身份证号</td>
+                <td colspan="3">123456789123456789</td>
+            </tr>
+            <tr>
+                <td>住院号</td>
+                <td>121212</td>
+                <td>科别</td>
+                <td width="100">隔离病房</td>
+                <td>床号</td>
+                <td>0308</td>
+                <td>入院日期</td>
+                <td>2010-10-10</td>
+                <td>出院日期</td>
+                <td width="100">2010-10-10</td>
+                <td>住院天数</td>
+                <td>19</td>
+            </tr>
+            <tr>
+                <td>险种</td>
+                <td colspan="2">职工医保</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;">业务类别</td>
+                <td>结算时间</td>
+                <td colspan="5" style="text-align:left;padding-left:10px;">2020-10-10 12:22:11</td>
+            </tr>
+            <tr>
+                <td colspan="12" style="text-align:left;padding-left:10px;">
+                    本次就医：总费用123456.78元，基金支付123456.00元，个人支付0.78元。
+                </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;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td>西成药</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+            </tr>
+            <tr>
+                <td>中药费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td>中成药</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+            </tr>
+            <tr>
+                <td>中草药</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td>检查费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+            </tr>
+            <tr>
+                <td>治疗费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td>放射费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+            </tr>
+            <tr>
+                <td>手术费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td>化验费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+            </tr>
+            <tr>
+                <td>输血费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td>输氧费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+            </tr>
+            <tr>
+                <td>其他</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td>麻醉费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+            </tr>
+            <tr>
+                <td>材料费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td>特殊检查费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+            </tr>
+            <tr>
+                <td>特殊治疗费</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</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;">0.00</td>
+                <td style="text-align:right;padding-right:10px;">0.00</td>
+                <td colspan="2" style="text-align:right;padding-right:10px;">0.00</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"></td>
+                <td colspan="3" style="text-align:left;padding-left:10px;">大额基金支付</td>
+                <td colspan="3"></td>
+            </tr>
+            <tr>
+                <td colspan="3" style="text-align:left;padding-left:10px;">大病基金支付</td>
+                <td colspan="3"></td>
+                <td colspan="3" style="text-align:left;padding-left:10px;">补充保险基金支付</td>
+                <td colspan="3"></td>
+            </tr>
+            <tr>
+                <td colspan="3" style="text-align:left;padding-left:10px;">医疗救助基金支付</td>
+                <td colspan="3"></td>
+                <td colspan="3" style="text-align:left;padding-left:10px;">公务员基金支付</td>
+                <td colspan="3"></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 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>
+
+
+
+<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>