1

src/xt_pages/outpatientCharges/invoicePrint.vue

     printThisPage() {
 
       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;}}';
+        '@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",

src/xt_pages/outpatientCharges/invoiceTemplate/printOne.vue

 <template>
     <div id='invoice-print'>
         <div style="display:flex;">
-            <div>业务流水号：{{ list.order_number }}</div>
-            <div>社会保障号：{{ list.id_card_no }}</div>
+            <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>门诊号：{{ list.number }}</div>
-            <div>医院类型：</div>
-            <div>
-                <span>{{ printDate.slice(0,4) }}</span>年
-                <span>{{ printDate.slice(5,7) }}</span>月
-                <span>{{ printDate.slice(8,11) }}</span>日
+            <!-- <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>姓名: {{ paramsObj.name }}</div>
-            <div>{{ list.pay_way }}</div>
-            <div>住院日期: {{ paramsObj.setl_time.split(' ')[0] }}</div>
-            <div>出院日期: {{ paramsObj.setl_time.split(' ')[0] }}</div>
+            <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>医保/公医记账:{{ totalPrice - list.psn_cash_money }}</div>
-            <div>个人缴费: {{ list.psn_cash_money }}</div>
-            <div>结算方式: {{ list.pay_way }}</div>
+            <!-- <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="width:12.5%">西药</div>
-            <div style="width:12.5%">{{ list.westernMedicineCostTotal }}</div>
-            <div style="width:12.5%">检查费</div>
-            <div style="width:12.5%">{{ list.checkCostTotal }}</div>
-            <div style="width:12.5%">治疗费</div>
-            <div style="width:12.5%">{{ list.treatCostTotal }}</div>
-            <div style="width:12.5%">床位费</div>
-            <div style="width:12.5%">{{ list.bedCostTotal }}</div>
+            <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="width:12.5%">中成药</div>
-            <div style="width:12.5%">{{ list.chineseTraditionalMedicineCostTotal }}</div>
-            <div style="width:12.5%">化验费</div>
-            <div style="width:12.5%">{{ list.laboratoryCostTotal }}</div>
-            <div style="width:12.5%">手术费</div>
-            <div style="width:12.5%">{{ list.operationCostTotal }}</div>
-            <div style="width:12.5%">其他费</div>
-            <div style="width:12.5%">{{ list.otherCostTotal }}</div>
+            <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="width:12.5%"></div>
-            <div style="width:12.5%"></div>
-            <div style="width:12.5%"></div>
-            <div style="width:12.5%"></div>
-            <div style="width:12.5%">材料费</div>
-            <div style="width:12.5%">{{ list.materialCostTotal }}</div>
-            <div style="width:12.5%"></div>
-            <div style="width:12.5%"></div>
+            <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.substring(zhongwen.indexOf('万') - 1,zhongwen.indexOf('万')) }}
                 </span>
                 <span v-else>零</span>
             </span>
-            <span>
+            <span  style="position: absolute;top:240px;left:260px">
                 <span v-if="zhongwen.indexOf('仟') > -1">
-                    {{ zhongwen.substring(zhongwen.indexOf('仟'),-1) }}
+                    {{ zhongwen.substring(zhongwen.indexOf('仟') - 1,zhongwen.indexOf('仟')) }}
                 </span>
                 <span v-else>零</span>
             </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>
+            <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>
-                <span v-if="zhongwen.indexOf('元') > -1">
+            <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>
+            <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>
+            <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>{{ totalPrice }}</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>
             list:{},
             printDate:'',
             zhongwen:'',
-            totalPrice:0.0
+            totalPrice:0.0,
+            org_id:'',
+            org_name:''
         }
     },
     created(){
         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){
                 this.smalltoBIG(this.totalPrice)
             })
         },
-        smalltoBIG(price) {
-            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(/零./, '');
+        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
             }
-            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);
+
+            var unit = "仟佰拾亿仟佰拾万仟佰拾元角分", str = "";
+            n += "00";  
+
+            var indexpoint = n.indexOf('.');  // 如果是小数，截取小数点前面的位数
+
+            if (indexpoint >= 0){
+
+                n = n.substring(0, indexpoint) + n.substr(indexpoint+1, 2);   // 若为小数，截取需要使用的unit单位
             }
-            upper = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + upper;
+
+            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 = head + upper.replace(/(零.)*零圆/, '圆').replace(/(零.)+/g, '零').replace(/^整$/, '零圆整')
-            console.log('6666',head + upper.replace(/(零.)*零圆/, '圆').replace(/(零.)+/g, '零').replace(/^整$/, '零圆整'))
-    
+
+            this.zhongwen =  str.replace(/零(仟|佰|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
+            console.log(this.zhongwen)
         },
 
     },
         }
     }
 }
-</script>
+</script>

src/xt_pages/outpatientCharges/summary.vue

       invoicePrint(obj){
         console.log(obj)
         let paramsObj = {
-          order_id: obj.order_info.order_id,
+          order_id: obj.id,
           patient_id: obj.patient_id,
           name:obj.patient.name,
           age:obj.age,