11月22

src/xt_pages/outpatientCharges/invoicePrint.vue

@@ -14,8 +14,8 @@
         <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>
+            <printThree v-if="org_id == 10088 || org_id == 10510" :paramsObj="invoiceParams"></printThree>
+            <!-- <printfifteen v-if="org_id == 10510 || org_id == 0" :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>
@@ -45,16 +45,19 @@
         <print-ten :paramsObj="invoiceParams"></print-ten>
       </div>
     </div>
-    <div class="app-container" v-if="org_id == 10567 ">
+
+    <!-- <div class="app-container" v-if="org_id == 10567 ">
       <div class='dialysisPage'>
         <printfourteen :paramsObj="invoiceParams"></printfourteen>
       </div>
-    </div>
+    </div> -->
+
     <!-- <div class="app-container" style="padding-top:30px;" v-if="org_id == 10188 || org_id == 0 ">
       <div class='dialysisPage'>
         <printthirteen  :paramsObj="invoiceParams"></printthirteen>
       </div>
     </div> -->
+
     <!-- <div class="app-container" style="padding-top:40px;" v-if="org_id == 0">
       <div class='dialysisPage'>
         <printthirteen :paramsObj="invoiceParams"></printthirteen>

src/xt_pages/outpatientCharges/invoiceTemplate/printfourteen.vue

@@ -0,0 +1,269 @@
+<template>
+  <div id='invoice-print' style="position: relative;">
+    <div>
+      <div style="display: inline-block; position: absolute;top: 30px;left: 30px;">{{list.order.mdtrt_id}}</div>
+
+    </div>
+    <div>
+      <div style="display: inline-block; position: absolute;top: 60px;left: 30px;">血液透析中心</div>
+      <div style="display: inline-block; position: absolute;top: 60px;left: 260px;">{{  paramsObj.setl_time ? paramsObj.setl_time.split(' ')[0].slice(0,4) : getTime(list.date, '{y}-{m}-{d}').slice(0,4) }}</div>
+      <div style="display: inline-block; position: absolute;top: 60px;left: 330px;">{{ paramsObj.setl_time ? parseInt(paramsObj.setl_time.split(' ')[0].slice(5,7)) : getTime(list.date, '{y}-{m}-{d}').slice(5,7) }}</div>
+      <div style="display: inline-block; position: absolute;top: 60px;left: 400px;">{{ paramsObj.setl_time ? parseInt(paramsObj.setl_time.split(' ')[0].slice(8,11)) : getTime(list.date, '{y}-{m}-{d}').slice(8,11) }}</div>
+    </div>
+    <div>
+      <div style="position: absolute;top: 90px;left: 60px;">{{ paramsObj.name }}</div>
+      <div style="display:flex;justify-content: space-between;">
+          <div  style="position: absolute;top:90px;left:270px;">√</div>
+          <div  style="position: absolute;top:90px;left:220px;"></div>
+          <div  style="position: absolute;top:90px;left:250px;"></div>
+      </div>
+    </div>
+
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:120px;left:60px;" v-if="list.gender == 1">√</div>
+      <div  style="position: absolute;top:120px;left:80px;" v-else-if="list.gender == 2">√</div>
+      <div  style="position: absolute;top:120px;left:200px;">0.00</div>
+      <div  style="position: absolute;top:120px;left:300px;">560.40</div>
+      <div  style="position: absolute;top:120px;left:400px;">全自费</div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div v-if="list.westernMedicineCostTotal != ''">
+        <div  style="position: absolute;top:150px;left:0px;">西药费</div>
+        <div  style="position: absolute;top:150px;left:60px;">{{ list.westernMedicineCostTotal ? list.westernMedicineCostTotal.toFixed(2) : '' }}</div>
+      </div>
+      <div v-if="list.laboratoryCostTotal != ''">
+        <div  style="position: absolute;top:150px;left:120px;">化验费</div>
+        <div  style="position: absolute;top:150px;left:180px;">{{ list.laboratoryCostTotal ? list.laboratoryCostTotal.toFixed(2) : '' }}</div>
+      </div>
+      <div v-if="list.treatCostTotal != ''">
+        <div  style="position: absolute;top:150px;left:240px;">治疗费</div>
+        <div  style="position: absolute;top:150px;left:300px;">{{ list.treatCostTotal ? list.treatCostTotal.toFixed(2) : '' }}</div>
+      </div>
+      <div v-if="list.materialCostTotal != ''">
+        <div  style="position: absolute;top:150px;left:360px;">材料费</div>
+        <div  style="position: absolute;top:150px;left:420px;">{{ list.materialCostTotal ? list.materialCostTotal.toFixed(2) : '' }}</div>
+      </div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div v-if="list.chineseTraditionalMedicineCostTotal !=' '">
+        <div  style="position: absolute;top:180px;left:0px;">中成药</div>
+        <div  style="position: absolute;top:180px;left:60px;">{{ list.chineseTraditionalMedicineCostTotal ? list.chineseTraditionalMedicineCostTotal.toFixed(2) : '' }}</div>
+      </div>
+      <div v-if="list.zhenChaCostTotal !=''">
+        <div  style="position: absolute;top:180px;left:120px;">诊疗费</div>
+        <div  style="position: absolute;top:180px;left:180px;">{{ list.zhenChaCostTotal ? list.zhenChaCostTotal.toFixed(2) : '' }}</div>
+      </div>
+      <div>
+        <div  style="position: absolute;top:180px;left:240px;"></div>
+        <div  style="position: absolute;top:180px;left:300px;"></div>
+      </div>
+      <div v-if="list.otherCostTotal !=''">
+        <div  style="position: absolute;top:180px;left:360px;"> 其他</div>
+        <div  style="position: absolute;top:180px;left:420px;">{{ list.otherCostTotal ? list.otherCostTotal.toFixed(2) : '' }}</div>
+      </div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div>
+        <div  style="position: absolute;top:210px;left:0px;"></div>
+        <div  style="position: absolute;top:210px;left:60px;"></div>
+      </div>
+      <div v-if="list.checkCostTotal !=''">
+        <div  style="position: absolute;top:210px;left:120px;">检查费</div>
+        <div  style="position: absolute;top:210px;left:180px;">{{ list.checkCostTotal ? list.checkCostTotal.toFixed(2) : '' }}</div>
+      </div>
+      <div >
+        <div  style="position: absolute;top:210px;left:240px;"></div>
+        <div  style="position: absolute;top:210px;left:300px;"></div>
+      </div>
+      <div v-if="list.hiliCostTotal !=''">
+        <div  style="position: absolute;top:210px;left:360px;">护理费</div>
+        <div  style="position: absolute;top:210px;left:420px;">{{list.hiliCostTotal ? list.hiliCostTotal.toFixed(2) : ''}}</div>
+      </div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:202px;left:60px;"></div>
+      <div  style="position: absolute;top:202px;left:180px;"></div>
+      <div  style="position: absolute;top:202px;left:320px;"></div>
+      <div  style="position: absolute;top:202px;left:480px;"></div>
+    </div>
+    <div>
+      <span>
+        <span  style="position: absolute;top:290px;left:100px">
+          <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:290px;left:140px">
+            <span v-if="zhongwen.indexOf('万') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('万') - 1,zhongwen.indexOf('万')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:290px;left:190px">
+            <span v-if="zhongwen.indexOf('仟') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('仟') - 1,zhongwen.indexOf('仟')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:290px;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:290px;left:310px">
+            <span v-if="zhongwen.indexOf('拾') > -1">
+                    {{zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾')) == '佰' ||  !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:290px;left:380px">
+           <span v-if="zhongwen.indexOf('元') > -1 && zhongwen.substring(this.zhongwen.indexOf('元') - 1).substring(0,1)!= '拾'">
+                    {{ zhongwen.substring(zhongwen.indexOf('元') - 1,zhongwen.indexOf('元')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:290px;left:450px">
+             <span v-if="zhongwen.indexOf('角') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('角') - 1,zhongwen.indexOf('角')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:290px;left:510px">
+             <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:290px;left:600px">{{ totalPrice.toFixed(2) }}</span>
+    </div>
+
+    <div style="display:flex;justify-content: space-between;">
+      <div style="position: absolute;top:390px;left:100px;">{{ org_name}}</div>
+      <div style="position: absolute;top:390px;left:240px;"></div>
+      <div style="position: absolute;top:390px;left:460px;">{{list.admin_user_name}}</div>
+    </div>
+  </div>
+</template>
+<script>
+import { getInvoice } from '@/api/project/project'
+import { uParseTime } from '@/utils/tools'
+export default {
+  props:{
+    paramsObj:Object
+  },
+  data(){
+    return{
+      gender:'',
+      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,
+      number: this.paramsObj.number,
+    }
+    this.getInvoice(params)
+    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.list.zhenChaCostTotal + this.list.hiliCostTotal
+        if(this.totalPrice == 0){
+
+          this.totalPrice = this.list.medfee_sumamt
+        }
+        // console.log( "this.totalPrice")
+
+        this.smalltoBIG(this.totalPrice.toFixed(2))
+        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;
+        this.gender = this.list.gender
+      })
+    },
+    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)
+    },
+    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,
+          number: val.number,
+        }
+        this.getInvoice(params)
+
+      },
+      deep:true
+    }
+  }
+}
+</script>