新分支

src/xt_pages/outpatientCharges/invoiceTemplate/printEleven.vue

@@ -0,0 +1,249 @@
+<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 style="display: inline-block; position: absolute;top: 30px;left: 230px;">{{  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: 30px;left: 280px;">{{ 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: 30px;left: 330px;">{{ 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: 50px;left: 60px;">{{ paramsObj.name }}</div>
+      <div style="display:flex;justify-content: space-between;">
+          <div  style="position: absolute;top:50px;left:260px;">√</div>
+          <div  style="position: absolute;top:50px;left:220px;"></div>
+          <div  style="position: absolute;top:50px;left:250px;"></div>
+      </div>
+      <div style="display:flex;justify-content: space-between;">
+          <div  style="position: absolute;top:50px;left:480px;" v-if="list.gender == 1">√</div>
+          <div  style="position: absolute;top:50px;left:540px;" v-else-if="list.gender == 2">√</div>
+      </div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:68px;left:120px;">医保</div>
+      <div  style="position: absolute;top:68px;left:300px;">{{ list.number.length <= 13 ? list.psn_cash_money.toFixed(2) : (list.psn_cash_money).toFixed(2) }}</div>
+      <div  style="position: absolute;top:68px;left:480px;">现金</div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:124px;left:0px;">西药</div>
+      <div  style="position: absolute;top:124px;left:60px;">{{ list.westernMedicineCostTotal ? list.westernMedicineCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:124px;left:120px;">检查费</div>
+      <div  style="position: absolute;top:124px;left:180px;">{{ list.checkCostTotal ? list.checkCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:124px;left:240px;">治疗费</div>
+      <div  style="position: absolute;top:124px;left:320px;">{{ list.treatCostTotal ? list.treatCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:124px;left:410px;">床位费</div>
+      <div  style="position: absolute;top:124px;left:480px;">{{ list.bedCostTotal ? list.bedCostTotal.toFixed(2) : '' }}</div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:150px;left:0px;">中成药</div>
+      <div  style="position: absolute;top:150px;left:60px;">{{ list.chineseTraditionalMedicineCostTotal ? list.chineseTraditionalMedicineCostTotal.toFixed(2) : '' }}</div>
+      <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  style="position: absolute;top:150px;left:240px;">手术费</div>
+      <div  style="position: absolute;top:150px;left:320px;">{{ list.operationCostTotal ? list.operationCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:150px;left:410px;">其他费</div>
+      <div  style="position: absolute;top:150px;left:480px;">{{ list.otherCostTotal ? list.otherCostTotal.toFixed(2) : '' }}</div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:176px;left:0px;">诊察费</div>
+      <div  style="position: absolute;top:176px;left:60px;">{{ list.zhenChaCostTotal ? list.zhenChaCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:176px;left:120px;">材料费</div>
+      <div  style="position: absolute;top:176px;left:180px;">{{ list.materialCostTotal ? list.materialCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:176px;left:240px;"></div>
+      <div  style="position: absolute;top:176px;left:320px;"></div>
+      <div  style="position: absolute;top:176px;left:410px;"></div>
+      <div  style="position: absolute;top:176px;left:480px;"></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:230px;left:120px">
+          <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:230px;left:160px">
+            <span v-if="zhongwen.indexOf('万') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('万') - 1,zhongwen.indexOf('万')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:230px;left:210px">
+            <span v-if="zhongwen.indexOf('仟') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('仟') - 1,zhongwen.indexOf('仟')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:230px;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:230px;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:230px;left:360px">
+           <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:230px;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:230px;left:480px">
+             <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:230px;left:530px">{{ totalPrice.toFixed(2) }}</span>
+    </div>
+
+
+    <div style="display:flex;justify-content: space-between;">
+      <div style="position: absolute;top:283px;left:100px;">阳春{{ org_name}}</div>
+      <div style="position: absolute;top:283px;left:240px;"></div>
+      <div style="position: absolute;top:283px;left:410px;">{{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)
+    // 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.list.zhenChaCostTotal
+        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>