huangyw 2 years ago
parent
commit
a8be8412e0

+ 6 - 3
src/xt_pages/outpatientCharges/invoicePrint.vue View File

@@ -13,14 +13,15 @@
13 13
     </template>
14 14
     <div class="app-container" style="padding-top:40px;">
15 15
         <div class='dialysisPage'>
16
-          <div v-if="org_id != 10106 && org_id != 10215 && org_id != 4 && org_id != 10188 && org_id != 10217 && org_id != 0" >
16
+          <div v-if="org_id != 10106 && org_id != 10215 && org_id != 4 && org_id != 10188 && org_id != 10217 && org_id!= 10387 && org_id != 0" >
17 17
             <printOne v-if="org_id != 10088 " :paramsObj="invoiceParams"></printOne>
18 18
             <printThree v-if="org_id == 10088" :paramsObj="invoiceParams"></printThree>
19 19
           </div>
20 20
           <printTwo v-if="org_id == 10106" :paramsObj="invoiceParams"></printTwo>
21
-          <printFour v-if="org_id == 10215 || org_id == 4 || org_id == 0" :paramsObj="invoiceParams"></printFour>
21
+          <printFour v-if="org_id == 10215 || org_id == 4 " :paramsObj="invoiceParams"></printFour>
22 22
           <printFive v-if="org_id == 10188 " :paramsObj="invoiceParams"></printFive>
23 23
           <printSix v-if="org_id == 10217" :paramsObj="invoiceParams"></printSix>
24
+          <printEight v-if="org_id == 10387|| org_id == 0" :paramsObj="invoiceParams"></printEight>
24 25
         </div>
25 26
     </div>
26 27
   </div>
@@ -34,6 +35,7 @@ import printFour from './invoiceTemplate/printFour'
34 35
 import printFive from './invoiceTemplate/printFive'
35 36
 import printSix from './invoiceTemplate/printSix'
36 37
 import printSeven from './invoiceTemplate/printSeven'
38
+import printEight from './invoiceTemplate/printEight'
37 39
 export default {
38 40
    name: "invoicePrint",
39 41
   components: {
@@ -43,7 +45,8 @@ export default {
43 45
     printFour,
44 46
     printFive,
45 47
     printSix,
46
-    printSeven
48
+    printSeven,
49
+    printEight
47 50
   },
48 51
   props:{
49 52
     invoiceParams:Object

+ 238 - 0
src/xt_pages/outpatientCharges/invoiceTemplate/printEight.vue View File

@@ -0,0 +1,238 @@
1
+<template>
2
+    <div id='invoice-print'>
3
+        <div style="display:flex;">
4
+            <!-- <div style="position: absolute;top:70px;left:70px;">{{ list.order_number }}</div> -->
5
+            <!-- <div>{{ list.id_card_no }}</div> -->
6
+        </div>
7
+        <!-- <div style="display:flex;justify-content: space-between;">
8
+            <div>{{ list.department_name }}</div>
9
+            <div  style="position: absolute;top:70px;left:300px">{{ list.number }}</div>
10
+            <div></div>
11
+            <div  style="position: absolute;left:560px;top:70px;">
12
+                <span>{{ printDate.slice(0,4) }}</span>
13
+                <span>{{ printDate.slice(5,7) }}</span>
14
+                <span>{{ printDate.slice(8,11) }}</span>
15
+            </div>
16
+        </div> -->
17
+        <div style="display:flex;justify-content: space-between;">
18
+            <div style="position: absolute;top:90px;left:40px;"> {{ paramsObj.name }}</div>
19
+            <div  style="position: absolute;top:90px;left:340px">{{ '门诊号' }}</div>
20
+            <!-- <div style="position: absolute;top:90px;left:240px;">√</div> -->
21
+            <!-- <div>{{ list.pay_way }}</div> -->
22
+            <!-- <div style="position: absolute;top:70px;left:460px;">{{ paramsObj.setl_time.split(' ')[0] }}</div>
23
+            <div style="position: absolute;top:70px;left:560px;">{{ paramsObj.setl_time.split(' ')[0] }}</div> -->
24
+        </div>  
25
+        <!-- <div style="display:flex;justify-content: space-between;">
26
+            
27
+            <div style="position: absolute;top:110px;left:260px;">{{ totalPrice - list.psn_cash_money }}</div>
28
+            <div style="position: absolute;top:110px;left:440px;">{{ list.psn_cash_money }}</div>
29
+            <div style="position: absolute;top:110px;left:580px;">门慢结算</div>
30
+        </div> -->
31
+        <div style="display:flex;justify-content: space-between;">
32
+            <div style="position: absolute;top:160px;left:40px">西药</div>
33
+            <div style="position: absolute;top:160px;left:110px">{{ list.westernMedicineCostTotal }}</div>
34
+            <div style="position: absolute;top:160px;left:180px">检查费</div>
35
+            <div style="position: absolute;top:160px;left:260px">{{ list.checkCostTotal }}</div>
36
+            <div style="position: absolute;top:160px;left:340px">治疗费</div>
37
+            <div style="position: absolute;top:160px;left:420px">{{ list.treatCostTotal }}</div>
38
+            <div style="position: absolute;top:160px;left:500px">床位费</div>
39
+            <div style="position: absolute;top:160px;left:580px">{{ list.bedCostTotal }}</div>
40
+        </div>
41
+        <div style="display:flex;justify-content: space-between;">
42
+            <div style="position: absolute;top:190px;left:40px">中成药</div>
43
+            <div style="position: absolute;top:190px;left:110px">{{ list.chineseTraditionalMedicineCostTotal }}</div>
44
+            <div style="position: absolute;top:190px;left:180px">化验费</div>
45
+            <div style="position: absolute;top:190px;left:260px">{{ list.laboratoryCostTotal }}</div>
46
+            <div style="position: absolute;top:190px;left:340px">手术费</div>
47
+            <div style="position: absolute;top:190px;left:420px">{{ list.operationCostTotal }}</div>
48
+            <div style="position: absolute;top:190px;left:500px">其他费</div>
49
+            <div style="position: absolute;top:190px;left:580px">{{ list.otherCostTotal }}</div>
50
+        </div>
51
+        <div style="display:flex;justify-content: space-between;">
52
+            <div style="position: absolute;top:210px;left:40px"></div>
53
+            <div style="position: absolute;top:210px;left:110px"></div>
54
+            <div style="position: absolute;top:210px;left:180px"></div>
55
+            <div style="position: absolute;top:210px;left:260px"></div>
56
+            <div style="position: absolute;top:210px;left:340px">材料费</div>
57
+            <div style="position: absolute;top:210px;left:420px">{{ list.materialCostTotal }}</div>
58
+            <div style="position: absolute;top:210px;left:500px"></div>
59
+            <div style="position: absolute;top:210px;left:580px"></div>
60
+        </div>
61
+        <div>
62
+            <span style="position: absolute;top:240px;left:180px">{{ totalPrice }}</span>
63
+            <span>
64
+            <span  style="position: absolute;top:260px;left:180px">
65
+                <span v-if="zhongwen.indexOf('万') > -1 && zhongwen.indexOf('拾') > -1 && zhongwen.indexOf('拾') == 1">
66
+                    {{ zhongwen.substring(0,1) }}
67
+                </span>
68
+                <span v-else>零</span>
69
+            </span>
70
+            <span  style="position: absolute;top:260px;left:220px">
71
+                <span v-if="zhongwen.indexOf('万') > -1">
72
+                    {{ zhongwen.substring(zhongwen.indexOf('万') - 1,zhongwen.indexOf('万')) }}
73
+                </span> 
74
+                <span v-else>零</span>
75
+            </span>
76
+            <span  style="position: absolute;top:260px;left:260px">
77
+                <span v-if="zhongwen.indexOf('仟') > -1">
78
+                    {{ zhongwen.substring(zhongwen.indexOf('仟') - 1,zhongwen.indexOf('仟')) }}
79
+                </span>
80
+                <span v-else>零</span>
81
+            </span>
82
+            <span  style="position: absolute;top:260px;left:300px">
83
+                <span v-if="zhongwen.indexOf('佰') > -1">
84
+                    {{ zhongwen.substring(zhongwen.indexOf('佰') - 1,zhongwen.indexOf('佰')) }}
85
+                </span>
86
+                <span v-else>零</span>
87
+            </span>
88
+            <span style="position: absolute;top:260px;left:340px">
89
+                <span v-if="zhongwen.indexOf('拾') > -1">
90
+                    {{zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾')) == '佰' ||  !zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾'))? '壹' : zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾')) }}
91
+                </span>
92
+                <span v-else>零</span>
93
+            </span>
94
+            <span  style="position: absolute;top:260px;left:380px">
95
+                <span v-if="zhongwen.indexOf('元') > -1 && zhongwen.substring(this.zhongwen.indexOf('元') - 1).substring(0,1)!= '拾'">
96
+                    {{ zhongwen.substring(zhongwen.indexOf('元') - 1,zhongwen.indexOf('元')) }}
97
+                </span>
98
+                <span v-else>零</span>
99
+            </span>
100
+            <span  style="position: absolute;top:260px;left:420px">
101
+                <span v-if="zhongwen.indexOf('角') > -1">
102
+                    {{ zhongwen.substring(zhongwen.indexOf('角') - 1,zhongwen.indexOf('角')) }}
103
+                </span>
104
+                <span v-else>零</span>
105
+            </span>
106
+            <span  style="position: absolute;top:260px;left:460px">
107
+                <span v-if="zhongwen.indexOf('分') > -1">
108
+                    {{ zhongwen.substring(zhongwen.indexOf('分') - 1,zhongwen.indexOf('分')) }}
109
+                </span>
110
+                <span v-else>零</span>
111
+            </span>
112
+            </span>
113
+        </div>
114
+        <!-- <div style="position: absolute;top:300px;left:460px">现金:{{ list.psn_cash_money }}</div> -->
115
+        <!-- <div>
116
+            <div style="position: absolute;top:340px;left:120px">{{ org_name }}</div>
117
+            <div v-if="org_id == 9990" style="position: absolute;top:340px;left:300px">钱玉玲</div>
118
+            <div v-if="org_id == 9990" style="position: absolute;top:340px;left:420px">陈国杰</div>
119
+        </div> -->
120
+
121
+           <div style="position: absolute;left:60px;top:300px;">
122
+                <span style="padding-right:20px;">{{ printDate.slice(0,4) }}</span>
123
+                <span style="padding-right:20px;">{{ printDate.slice(5,7) }}</span>
124
+                <span>{{ printDate.slice(8,11) }}</span>
125
+            </div>
126
+            <div style="position: absolute;top:300px;left:300px">收款人姓名</div>
127
+    </div>
128
+</template>
129
+
130
+
131
+<script>
132
+import { getInvoice } from '@/api/project/project'
133
+export default {
134
+    props:{
135
+        paramsObj:Object
136
+    },
137
+    data(){
138
+        return{
139
+            list:{},
140
+            printDate:'',
141
+            zhongwen:'',
142
+            totalPrice:0.0,
143
+            org_id:'',
144
+            org_name:''
145
+        }
146
+    },
147
+    created(){
148
+        console.log('paramsObj',this.paramsObj)
149
+        let params = {
150
+            order_id: this.paramsObj.order_id,
151
+            patient_id: this.paramsObj.patient_id,
152
+            number: this.paramsObj.number,
153
+        }
154
+        this.getInvoice(params)
155
+        // var data = new Date();
156
+        // var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;
157
+        // var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate();
158
+        // this.printDate = data.getFullYear() + "-" + month + "-" + date;
159
+        // this.smalltoBIG(982732.21)
160
+        this.org_id = this.$store.getters.xt_user.org_id
161
+        this.org_name = this.$store.getters.xt_user.org.org_name
162
+    },
163
+    methods:{
164
+        getInvoice(params){
165
+            getInvoice(params).then((res) => {
166
+                console.log('res',res)
167
+                this.list = res.data.data
168
+                this.totalPrice = this.list.westernMedicineCostTotal + this.list.checkCostTotal + this.list.treatCostTotal + this.list.bedCostTotal + this.list.chineseTraditionalMedicineCostTotal +
169
+                                    this.list.laboratoryCostTotal + this.list.operationCostTotal + this.list.otherCostTotal + this.list.materialCostTotal
170
+                this.smalltoBIG(this.totalPrice)
171
+                var data = new Date(res.data.data.date * 1000);
172
+                var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;
173
+                var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate();
174
+                this.printDate = data.getFullYear() + "-" + month + "-" + date;
175
+            })
176
+        },
177
+        smalltoBIG(n) {
178
+            // let fraction = ['角', '分'];
179
+            // let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
180
+            // let unit = [['元.', '万,', '亿,'], ["元",'拾', '佰', '仟']];
181
+            // let head = price < 0 ? '欠' : '';
182
+            // price = Math.abs(price);
183
+            // let upper = '';
184
+            // for (let i = 0; i < fraction.length; i++) {
185
+            // upper += (digit[Math.floor(price * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
186
+            // }
187
+            // upper = upper || '整';
188
+            // price = Math.floor(price);
189
+            // for (let i = 0; i < unit[0].length && price > 0; i++) {
190
+            // let p = '';
191
+            // for (let j = 0; j < unit[1].length && price > 0; j++) {
192
+            //     p = digit[price % 10] + unit[1][j] + p;
193
+            //     price = Math.floor(price / 10);
194
+            // }
195
+            // upper = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + upper;
196
+            // }
197
+            // this.zhongwen = head + upper.replace(/(零.)*零圆/, '圆').replace(/(零.)+/g, '零').replace(/^整$/, '零圆整')
198
+            // console.log('6666',head + upper.replace(/(零.)*零圆/, '圆').replace(/(零.)+/g, '零').replace(/^整$/, '零圆整'))
199
+            if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)){
200
+                return "数据非法";  //判断数据是否大于0
201
+            }
202
+
203
+            var unit = "仟佰拾亿仟佰拾万仟佰拾元角分", str = "";
204
+            n += "00";
205
+
206
+            var indexpoint = n.indexOf('.');  // 如果是小数,截取小数点前面的位数
207
+
208
+            if (indexpoint >= 0){
209
+
210
+                n = n.substring(0, indexpoint) + n.substr(indexpoint+1, 2);   // 若为小数,截取需要使用的unit单位
211
+            }
212
+
213
+            unit = unit.substr(unit.length - n.length);  // 若为整数,截取需要使用的unit单位
214
+            for (var i=0; i < n.length; i++){
215
+                str += "零壹贰叁肆伍陆柒捌玖".charAt(n.charAt(i)) + unit.charAt(i);  //遍历转化为大写的数字
216
+            }
217
+
218
+            this.zhongwen =  str.replace(/零(仟|佰|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
219
+            console.log(this.zhongwen)
220
+        },
221
+
222
+    },
223
+    watch:{
224
+        paramsObj:{//深度监听,可监听到对象、数组的变化
225
+            handler(val, oldVal){
226
+                let params = {
227
+                    order_id: val.order_id, 
228
+                    patient_id: val.patient_id,
229
+                    number: val.number,
230
+                }
231
+                this.getInvoice(params)
232
+
233
+            },
234
+            deep:true
235
+        }
236
+    }
237
+}
238
+</script>