2月27

src/xt_pages/outpatientCharges/invoicePrint.vue

@@ -10,12 +10,12 @@
         type="primary"
       >打印</el-button>
     </template>
-    <div class="app-container" style="padding-top:40px;" v-if="org_id != 10217 && org_id != 10485 && org_id != 10375 && org_id != 10567 && org_id != 10188 "><!--&& org_id != 10188 && org_id != 0-->
+    <div class="app-container" style="padding-top:40px;" v-if="org_id != 10217 && org_id != 10485 && org_id != 10375 && org_id != 10567 && org_id != 10188 && org_id != 0"><!--&& org_id != 10188 && org_id != 0-->
         <div class='dialysisPage'>
           <div v-if="org_id != 10106 && org_id != 10215 && org_id != 4 && org_id != 10188 && org_id != 10217 && org_id != 10387&& org_id != 10210 && org_id != 10387 && org_id != 10480 " >
             <printOne v-if="org_id != 10088 && org_id != 10510 && org_id != 0" :paramsObj="invoiceParams"></printOne>
             <printThree v-if="org_id == 10088 " :paramsObj="invoiceParams"></printThree>
-            <printfifteen v-if="org_id == 10510 || org_id==0 " :paramsObj="invoiceParams"></printfifteen>
+            <printfifteen v-if="org_id == 10510  " :paramsObj="invoiceParams"></printfifteen>
           </div>
           <printTwo v-if="org_id == 10106" :paramsObj="invoiceParams"></printTwo>
           <printFour v-if="org_id == 10215 || org_id == 4 " :paramsObj="invoiceParams"></printFour>
@@ -57,11 +57,11 @@
         <printthirteen  :paramsObj="invoiceParams"></printthirteen>
       </div>
     </div>
-    <!-- <div class="app-container" style="padding-top:40px;" v-if="org_id == 0">
+    <div class="app-container" style="" v-if="org_id == 0">
       <div class='dialysisPage'>
-        <printthirteen :paramsObj="invoiceParams"></printthirteen>
+        <printSixteen :paramsObj="invoiceParams"></printSixteen>
       </div>
-    </div> -->
+    </div>
   </div>
 </template>
 
@@ -81,6 +81,7 @@
   import printthirteen from './invoiceTemplate/printthirteen'
   import printfourteen from './invoiceTemplate/printfourteen'
   import printfifteen from './invoiceTemplate/printfifteen'
+  import printSixteen from './invoiceTemplate/printSixteen'
   export default {
     name: "invoicePrint",
     components: {
@@ -98,7 +99,8 @@
       printtwelve,
       printthirteen,
       printfourteen,
-      printfifteen
+      printfifteen,
+      printSixteen
     },
     props:{
       invoiceParams:Object
@@ -108,8 +110,6 @@
         childResponse: {},
         //   invoiceParams:{},
         org_id:''
-
-
       };
     },
     methods: {

src/xt_pages/outpatientCharges/invoiceTemplate/printSixteen.vue

@@ -0,0 +1,226 @@
+<template>
+  <div id='invoice-print'>
+      <div style="border-bottom: 1px solid black;text-align: center;font-size: 18px;margin-bottom: 10px;">
+        广水市第一人民医院
+      </div>
+      <div style="border-bottom: 1px solid black;text-align: center;font-size: 18px;">缴费单</div>
+      <div style="display: flex;border-top: 1px solid black;margin-top: 2px;">
+        <div style="padding:7px 5px;flex: 1;">电子发票号:</div>
+        <div style="padding:7px 5px;flex: 1;">门诊号:</div>
+      </div>
+      <div style="display: flex;">
+        <div style="flex: 1;">姓名:{{paramsObj.name}}</div>
+        <div style="flex: 1;">性别:{{ paramsObj.gend==1 ? '男':'女' }}</div>
+        <div style="flex: 1;">年龄:{{paramsObj.age}}</div>
+      </div>
+      <div style="display: flex;">
+        <div style="padding:7px 5px;flex: 1;">就诊卡号:</div>
+        <div style="padding:7px 5px;flex: 1;">开单科室:{{ list.department_name }}</div>
+      </div>
+      <div>
+        联系电话:
+      </div>
+      <div style="margin-top: 5px;height: 120px;">
+        <div style="display: flex;">
+          <div style="flex: 2;">项目</div>
+          <div style="flex: 1;">金额</div>
+          <div style="flex: 2;">项目</div>
+          <div style="flex: 1;">金额</div>
+        </div>
+        <div style="display: flex;">
+          <div style="flex: 2;"><span v-if="list.westernMedicineCostTotal>0">西药</span></div>
+          <div style="flex: 1;"><span v-if="list.westernMedicineCostTotal>0">
+            {{ list.westernMedicineCostTotal }}</span>
+          </div>
+          <div style="flex: 2;"><span v-if="list.checkCostTotal>0">检查费</span></div>
+          <div style="flex: 1;"><span v-if="list.checkCostTotal>0">{{ list.checkCostTotal }}</span></div>
+        </div>
+        <div style="display: flex;">
+          <div style="flex: 2;"><span v-if="list.treatCostTotal>0">治疗费</span></div>
+          <div style="flex: 1;"><span v-if="list.treatCostTotal>0">{{ list.treatCostTotal }}</span></div>
+          <div style="flex: 2;"><span v-if="list.bedCostTotal>0">床位费</span></div>
+          <div style="flex: 1;"><span v-if="list.bedCostTotal>0">{{ list.bedCostTotal }}</span></div>
+        </div>
+        <div style="display: flex;">
+          <div style="flex: 2;"><span v-if="list.chineseTraditionalMedicineCostTotal>0">中成药</span></div>
+          <div style="flex: 1;"><span v-if="list.chineseTraditionalMedicineCostTotal>0">
+            {{ list.chineseTraditionalMedicineCostTotal }}</span>
+          </div>
+          <div style="flex: 2;"><span v-if="list.laboratoryCostTotal>0">化验费</span></div>
+          <div style="flex: 1;"><span v-if="list.laboratoryCostTotal>0">{{ list.laboratoryCostTotal }}</span></div>
+        </div>
+        <div style="display: flex;">
+          <div style="flex: 2;"><span v-if="list.operationCostTotal>0">手术费</span></div>
+          <div style="flex: 1;"><span v-if="list.operationCostTotal>0">{{ list.operationCostTotal }}</span></div>
+          <div style="flex: 2;"><span v-if="list.otherCostTotal>0">其他费</span></div>
+          <div style="flex: 1;"><span v-if="list.otherCostTotal>0">{{ list.otherCostTotal }}</span></div>
+        </div> 
+        <div style="display: flex;">
+          <div style="flex: 2;"><span v-if="list.materialCostTotal>0">材料费</span></div>
+          <div style="flex: 1;"><span v-if="list.materialCostTotal>0">{{ list.materialCostTotal }}</span></div>
+          <div style="flex: 2;"><span></span></div>
+          <div style="flex: 1;"><span></span></div>
+        </div>
+      </div>
+      <div style="display: flex;">
+        <div style="padding:5px;flex: 1;">合计:</div>
+        <div style="padding:5px;flex: 2;">大写:</div>
+      </div>
+      <div >
+        缴费明细:现金: 统筹支付:
+      </div>
+      <div style="margin: 7px 0;">
+        操作员:{{paramsObj.chargeName}}
+      </div>
+      <div style="">
+        缴费日期:{{ paramsObj.setl_time}}
+      </div>
+      <div style="margin: 7px 0;">
+        湖北省财政电子票据公共服务平台网址查验真伪:http://221.232.224.111:8086/bi1lcheck
+      </div>
+      <div>
+        温馨提示:请妥善保管好您的缴费凭证
+      </div>
+
+      <div style="border: 1px solid black;margin: 15px 0;"> </div>
+
+      <div style="text-align: center;font-size: 18px;">对账单</div>
+      <div style="display: flex;margin-top: 3px;">
+        <div style="padding:7px 5px;flex: 1;">电子发票号:</div>
+        <div style="padding:7px 5px;flex: 1;">门诊号:</div>
+      </div>
+      <div style="display: flex;">
+        <div style="flex: 1;">姓名:{{paramsObj.name}}</div>
+        <div style="flex: 1;">操作员:{{ paramsObj.chargeName }}</div>
+      </div>
+      <div style="margin: 10px 0 15px 0;">
+        缴费明细:现金: 统筹支付:
+      </div>
+      <div style="">
+        缴费日期:{{ paramsObj.setl_time}}
+      </div>
+  </div>
+</template>
+
+
+<script>
+import { getInvoice } from '@/api/project/project'
+import { uParseTime } from '@/utils/tools'
+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.list.psn_cash_money)
+              var data = new Date(res.data.data.date * 1000);
+              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;
+          })
+      },
+      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);  //遍历转化为大写的数字
+          }
+          console.log("str",str)
+          if(str == '零元零角零分'){
+              this.zhongwen = '零'
+          }else{
+              this.zhongwen =  str.replace(/零(仟|佰|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
+          }
+
+          console.log(this.zhongwen)
+      },
+      getTime(value, temp) {
+          if (value == 0) {
+              return ''
+          }
+          if (value != undefined) {
+              return uParseTime(value, temp)
+          }
+          return ''
+      },
+
+  },
+  watch:{
+      paramsObj:{//深度监听，可监听到对象、数组的变化
+          handler(val, oldVal){
+              let params = {
+                  order_id: val.order_id,
+                  patient_id: val.patient_id,
+              }
+              this.getInvoice(params)
+
+          },
+          deep:true
+      }
+  }
+}
+</script>