|
@@ -1,172 +1,87 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div id='invoice-print' style="position: relative;">
|
3
|
|
- <!-- <div style="position: absolute;top:90px;left:81px;">
|
4
|
|
- 阜阳经沃血液透析中心
|
5
|
|
- </div>
|
6
|
|
- <div style="display: flex;">
|
7
|
|
- <div style="position: absolute;top:120px;left:81px;">
|
8
|
|
- 小米
|
9
|
|
- </div>
|
10
|
|
- <div style="position: absolute;top:120px;left:200px;">
|
11
|
|
- 号码
|
12
|
|
- </div>
|
13
|
|
- </div>
|
14
|
|
-
|
15
|
|
- <div style="display: flex;">
|
16
|
|
- <div style="position: absolute;top:150px;left:81px;">
|
17
|
|
- 医保证号:
|
18
|
|
- </div>
|
19
|
|
- <div style="position: absolute;top:150px;left:190px;">
|
20
|
|
- 人员类别:
|
21
|
|
- </div>
|
22
|
|
- <div style="position: absolute;top:150px;left:252px;">
|
23
|
|
- 2023-09-28
|
24
|
|
- </div>
|
25
|
|
- </div>
|
26
|
|
- <div style="display: flex;">
|
27
|
|
- <div style="position: absolute;top:170px;left:106px;">目录内</div>
|
28
|
|
- <div style="position: absolute;top:170px;left:146px;">目录外</div>
|
29
|
|
- <div style="position: absolute;top:170px;left:232px;">目录内</div>
|
30
|
|
- <div style="position: absolute;top:170px;left:272px;">目录外</div>
|
31
|
|
- </div>
|
32
|
|
- <div style="display: flex;">
|
33
|
|
- <div style="position: absolute;top:190px;left:106px;">目录内</div>
|
34
|
|
- <div style="position: absolute;top:190px;left:146px;">目录外</div>
|
35
|
|
- <div style="position: absolute;top:190px;left:232px;">目录内</div>
|
36
|
|
- <div style="position: absolute;top:190px;left:272px;">目录外</div>
|
37
|
|
- </div>
|
38
|
|
- <div style="display: flex;">
|
39
|
|
- <div style="position: absolute;top:210px;left:106px;">目录内</div>
|
40
|
|
- <div style="position: absolute;top:210px;left:146px;">目录外</div>
|
41
|
|
- <div style="position: absolute;top:210px;left:232px;">目录内</div>
|
42
|
|
- <div style="position: absolute;top:210px;left:272px;">目录外</div>
|
43
|
|
- </div>
|
44
|
|
- <div style="display: flex;">
|
45
|
|
- <div style="position: absolute;top:230px;left:106px;">目录内</div>
|
46
|
|
- <div style="position: absolute;top:230px;left:146px;">目录外</div>
|
47
|
|
- <div style="position: absolute;top:230px;left:232px;">目录内</div>
|
48
|
|
- <div style="position: absolute;top:230px;left:272px;">目录外</div>
|
49
|
|
- </div>
|
50
|
|
- <div style="display: flex;">
|
51
|
|
- <div style="position: absolute;top:250px;left:106px;">目录内</div>
|
52
|
|
- <div style="position: absolute;top:250px;left:146px;">目录外</div>
|
53
|
|
- <div style="position: absolute;top:250px;left:232px;">目录内</div>
|
54
|
|
- <div style="position: absolute;top:250px;left:272px;">目录外</div>
|
55
|
|
- </div>
|
56
|
|
- <div style="display: flex;">
|
57
|
|
- <div style="position: absolute;top:270px;left:106px;">目录内</div>
|
58
|
|
- <div style="position: absolute;top:270px;left:146px;">目录外</div>
|
59
|
|
- <div style="position: absolute;top:270px;left:232px;">目录内</div>
|
60
|
|
- <div style="position: absolute;top:270px;left:272px;">目录外</div>
|
61
|
|
- </div> -->
|
62
|
|
- <!--金额 -->
|
63
|
|
- <!-- <div style="display: flex;">
|
64
|
|
- <div style="position: absolute;top:290px;left:146px;">280</div>
|
65
|
|
- <div style="position: absolute;top:290px;left:242px;">个人支付:9.92</div>
|
66
|
|
- </div>
|
67
|
|
- <div style="position: absolute;top:310px;left:146px;">贰佰捌拾整</div>
|
68
|
|
- <div style="position: absolute;top:330px;left:190px;">目录内金额</div>
|
69
|
|
- <div style="position: absolute;top:350px;left:252px;">个人医保</div>
|
70
|
|
- <div style="display: flex;">
|
71
|
|
- <div style="position: absolute;top:370px;left:106px;">收款人员</div>
|
72
|
|
- <div style="position: absolute;top:370px;left:252px;">流水号</div>
|
73
|
|
- </div> -->
|
74
|
|
- <!-- 附件 -->
|
75
|
|
- <div v-for="(item,index) in Arr" :key="index">
|
76
|
|
- <div :style="{position: 'absolute',top:(60 + (index * 450)) + 'px',left:'30px'}">
|
|
3
|
+ <div>
|
|
4
|
+ <div style="position: absolute;top:60px;left:30px">
|
77
|
5
|
阜阳经沃血液透析中心
|
78
|
6
|
</div>
|
79
|
7
|
<div style="display: flex;">
|
80
|
|
- <div :style="{position: 'absolute',top:(80 + (index * 450)) + 'px',left:'30px'}">
|
|
8
|
+ <div :style="{position: 'absolute',top:'80px',left:'30px'}">
|
81
|
9
|
{{paramsObj.name}}
|
82
|
10
|
</div>
|
83
|
|
- <div :style="{position: 'absolute',top:(80 + (index * 450)) + 'px',left:'200px'}">
|
|
11
|
+ <div :style="{position: 'absolute',top:'80px',left:'200px'}">
|
84
|
12
|
{{list.order.fa_piao_number}}
|
85
|
13
|
</div>
|
86
|
14
|
</div>
|
87
|
15
|
|
88
|
16
|
<div style="display: flex;">
|
89
|
|
- <div :style="{position: 'absolute',top:(100 + (index * 450)) + 'px',left:'81px'}">
|
|
17
|
+ <div :style="{position: 'absolute',top:'100px',left:'81px'}">
|
90
|
18
|
</div>
|
91
|
|
- <div :style="{position: 'absolute',top:(100 + (index * 450)) + 'px',left:'190px'}">
|
|
19
|
+ <div :style="{position: 'absolute',top:'100px',left:'190px'}">
|
92
|
20
|
|
93
|
21
|
</div>
|
94
|
|
- <div :style="{position: 'absolute',top:(100 + (index * 450)) + 'px',left:'300px'}">
|
|
22
|
+ <div :style="{position: 'absolute',top:'100px',left:'300px'}">
|
95
|
23
|
{{printDate}}
|
96
|
24
|
</div>
|
97
|
25
|
</div>
|
98
|
26
|
<div style="display: flex;">
|
99
|
|
- <div :style="{position: 'absolute',top:(155+(index * 450))+'px',left:'75px'}">{{list.westernMedicineCostTotal?list.westernMedicineCostTotal:""}}</div>
|
100
|
|
- <div :style="{position: 'absolute',top:(155+(index * 450))+'px',left:'121px'}"></div>
|
101
|
|
- <div :style="{position: 'absolute',top:(155+(index * 450))+'px',left:'270px'}">{{ list.operationCostTotal?list.operationCostTotal:""}}</div>
|
102
|
|
- <div :style="{position: 'absolute',top:(155+(index * 450))+'px',left:'310px'}"></div>
|
|
27
|
+ <div :style="{position: 'absolute',top:'155px',left:'75px'}">{{list.westernMedicineCostTotal?list.westernMedicineCostTotal:""}}</div>
|
|
28
|
+ <div :style="{position: 'absolute',top:'155px',left:'121px'}"></div>
|
|
29
|
+ <div :style="{position: 'absolute',top:'155px',left:'270px'}">{{ list.operationCostTotal?list.operationCostTotal:""}}</div>
|
|
30
|
+ <div :style="{position: 'absolute',top:'155px',left:'310px'}"></div>
|
103
|
31
|
</div>
|
104
|
32
|
<div style="display: flex;">
|
105
|
|
- <div :style="{position: 'absolute',top:(190+(index * 450))+'px',left:'75px'}">{{list.chineseTraditionalMedicineCostTotal?list.chineseTraditionalMedicineCostTotal:""}}</div>
|
106
|
|
- <div :style="{position: 'absolute',top:(190+(index * 450))+'px',left:'121px'}"></div>
|
107
|
|
- <div :style="{position: 'absolute',top:(190+(index * 450))+'px',left:'270px'}">{{list.laboratoryCostTotal?list.laboratoryCostTotal:""}}</div>
|
108
|
|
- <div :style="{position: 'absolute',top:(190+(index * 450))+'px',left:'310px'}"></div>
|
|
33
|
+ <div :style="{position: 'absolute',top:'190px',left:'75px'}">{{list.chineseTraditionalMedicineCostTotal?list.chineseTraditionalMedicineCostTotal:""}}</div>
|
|
34
|
+ <div :style="{position: 'absolute',top:'190px',left:'121px'}"></div>
|
|
35
|
+ <div :style="{position: 'absolute',top:'190px',left:'270px'}">{{list.laboratoryCostTotal?list.laboratoryCostTotal:""}}</div>
|
|
36
|
+ <div :style="{position: 'absolute',top:'190px',left:'310px'}"></div>
|
109
|
37
|
</div>
|
110
|
38
|
<div style="display: flex;">
|
111
|
|
- <div :style="{position: 'absolute',top:(210+(index * 450))+'px',left:'75px'}"></div>
|
112
|
|
- <div :style="{position: 'absolute',top:(210+(index * 450))+'px',left:'121px'}"></div>
|
113
|
|
- <div :style="{position: 'absolute',top:(210+(index * 450))+'px',left:'270px'}"></div>
|
114
|
|
- <div :style="{position: 'absolute',top:(210+(index * 450))+'px',left:'310px'}"></div>
|
|
39
|
+ <div :style="{position: 'absolute',top:'210px',left:'75px'}"></div>
|
|
40
|
+ <div :style="{position: 'absolute',top:'210px',left:'121px'}"></div>
|
|
41
|
+ <div :style="{position: 'absolute',top:'210px',left:'270px'}"></div>
|
|
42
|
+ <div :style="{position: 'absolute',top:'210px',left:'310px'}"></div>
|
115
|
43
|
</div>
|
116
|
44
|
<div style="display: flex;">
|
117
|
|
- <div :style="{position: 'absolute',top:(230+(index * 450))+'px',left:'75px'}">{{list.checkCostTotal?list.checkCostTotal:""}}</div>
|
118
|
|
- <div :style="{position: 'absolute',top:(230+(index * 450))+'px',left:'121px'}"></div>
|
119
|
|
- <div :style="{position: 'absolute',top:(230+(index * 450))+'px',left:'270px'}"></div>
|
120
|
|
- <div :style="{position: 'absolute',top:(230+(index * 450))+'px',left:'310px'}"></div>
|
|
45
|
+ <div :style="{position: 'absolute',top:'230px',left:'75px'}">{{list.checkCostTotal?list.checkCostTotal:""}}</div>
|
|
46
|
+ <div :style="{position: 'absolute',top:'230px',left:'121px'}"></div>
|
|
47
|
+ <div :style="{position: 'absolute',top:'230px',left:'270px'}"></div>
|
|
48
|
+ <div :style="{position: 'absolute',top:'230px',left:'310px'}"></div>
|
121
|
49
|
</div>
|
122
|
50
|
<div style="display: flex;">
|
123
|
|
- <div :style="{position: 'absolute',top:(250+(index * 450))+'px',left:'75px'}">{{list.treatCostTotal?list.treatCostTotal:""}}</div>
|
124
|
|
- <div :style="{position: 'absolute',top:(250+(index * 450))+'px',left:'121px'}"></div>
|
125
|
|
- <div :style="{position: 'absolute',top:(250+(index * 450))+'px',left:'270px'}">{{list.materialCostTotal?list.materialCostTotal:""}}</div>
|
126
|
|
- <div :style="{position: 'absolute',top:(250+(index * 450))+'px',left:'310px'}"></div>
|
|
51
|
+ <div :style="{position: 'absolute',top:'250px',left:'75px'}">{{list.treatCostTotal?list.treatCostTotal:""}}</div>
|
|
52
|
+ <div :style="{position: 'absolute',top:'250px',left:'121px'}"></div>
|
|
53
|
+ <div :style="{position: 'absolute',top:'250px',left:'270px'}">{{list.materialCostTotal?list.materialCostTotal:""}}</div>
|
|
54
|
+ <div :style="{position: 'absolute',top:'250px',left:'310px'}"></div>
|
127
|
55
|
</div>
|
128
|
56
|
<div style="display: flex;">
|
129
|
|
- <div :style="{position: 'absolute',top:(270+(index * 450))+'px',left:'75px'}"></div>
|
130
|
|
- <div :style="{position: 'absolute',top:(270+(index * 450))+'px',left:'121px'}"></div>
|
131
|
|
- <div :style="{position: 'absolute',top:(270+(index * 450))+'px',left:'270px'}"></div>
|
132
|
|
- <div :style="{position: 'absolute',top:(270+(index * 450))+'px',left:'310px'}"></div>
|
|
57
|
+ <div :style="{position: 'absolute',top:'270px',left:'75px'}"></div>
|
|
58
|
+ <div :style="{position: 'absolute',top:'270px',left:'121px'}"></div>
|
|
59
|
+ <div :style="{position: 'absolute',top:'270px',left:'270px'}"></div>
|
|
60
|
+ <div :style="{position: 'absolute',top:'270px',left:'310px'}"></div>
|
133
|
61
|
</div>
|
134
|
62
|
<!--金额 -->
|
135
|
63
|
<div style="display: flex;">
|
136
|
|
- <div :style="{position: 'absolute',top:(310+(index * 450))+'px',left:'146px',}">{{list.order.medfee_sumamt}}</div>
|
137
|
|
- <div :style="{position: 'absolute',top:(310+(index * 450))+'px',left:'270px'}">个人支付:{{list.order.psn_cash_pay}}</div>
|
|
64
|
+ <div :style="{position: 'absolute',top:'310px',left:'146px',}">{{list.order.medfee_sumamt}}</div>
|
|
65
|
+ <div :style="{position: 'absolute',top:'310px',left:'270px'}">个人支付:{{list.order.psn_cash_pay}}</div>
|
138
|
66
|
</div>
|
139
|
|
- <div :style="{position: 'absolute',top:(330+(index * 450))+'px',left:'190px'}">{{zhongwen}}</div>
|
140
|
|
- <div :style="{position: 'absolute',top:(350+(index * 450))+'px',left:'190px'}">{{'统筹支付:' + list.order.hifp_pay}}</div>
|
141
|
|
- <div :style="{position: 'absolute',top:(370+(index * 450))+'px',left:'300px'}">{{list.order.acct_pay}}</div>
|
|
67
|
+ <div :style="{position: 'absolute',top:'330px',left:'190px'}">{{zhongwen}}</div>
|
|
68
|
+ <div :style="{position: 'absolute',top:'350px',left:'190px'}">{{'统筹支付:' + list.order.hifp_pay}}</div>
|
|
69
|
+ <div :style="{position: 'absolute',top:'370px',left:'300px'}">{{list.order.acct_pay}}</div>
|
142
|
70
|
<div style="display: flex;">
|
143
|
|
- <div :style="{position: 'absolute',top:(390+(index * 450))+'px',left:'106px'}">{{list.admin_user_name}}</div>
|
144
|
|
- <div :style="{position: 'absolute',top:(390+(index * 450))+'px',left:'300px'}">{{list.order_number}}</div>
|
|
71
|
+ <div :style="{position: 'absolute',top:'390px',left:'106px'}">{{list.admin_user_name}}</div>
|
|
72
|
+ <div :style="{position: 'absolute',top:'390px',left:'300px'}">{{list.order_number}}</div>
|
145
|
73
|
</div>
|
146
|
74
|
|
147
|
|
- <div v-for="(ite,index2) in item" :key="index2" style="">
|
148
|
|
-
|
149
|
|
- <div :style="{position: 'absolute',top:(90 + (index * 450)) + 'px',left:(400 + (index2 * 200)) + 'px'}">{{list.order_number}}</div>
|
150
|
|
- <div :style="{position: 'absolute',top:(110 + (index * 450)) + 'px',left:(490 + (index2 * 200)) + 'px'}">{{ite.name}}</div>
|
151
|
|
- <div :style="{position: 'absolute',top:(130 + (index * 450)) + 'px',left:(490 + (index2 * 200)) + 'px'}">{{ite.item}}</div>
|
152
|
|
- <div :style="{position: 'absolute',top:(300 + (index * 450)) + 'px',left:(490 + (index2 * 200)) + 'px'}">{{ite.doctor_name}}</div>
|
153
|
|
- <div :style="{position: 'absolute',top:(320 + (index * 450)) + 'px',left:(490 + (index2 * 200)) + 'px'}">{{ite.total}}</div>
|
154
|
|
- <div :style="{position: 'absolute',top:(340 + (index * 450)) + 'px',left:(490 + (index2 * 200)) + 'px'}">{{ite.operator}}</div>
|
155
|
|
- <div :style="{position: 'absolute',top:(360 + (index * 450)) + 'px',left:(490 + (index2 * 200)) + 'px'}">{{ite.printDate}}</div>
|
156
|
|
- <!-- 附件 -->
|
157
|
|
- <!-- <div :style="{position: 'absolute',top:(120 + (index * 350)) + 'px',left:'490px'}">号码</div>
|
158
|
|
- <div :style="{position: 'absolute',top:(150 + (index * 350)) + 'px',left:'490px'}">{{ite}}</div>
|
159
|
|
- <div :style="{position: 'absolute',top:(170 + (index * 350)) + 'px',left:'490px'}">项目</div>
|
160
|
|
- <div :style="{position: 'absolute',top:(310 + (index * 350)) + 'px',left:'490px'}">金额</div>
|
161
|
|
- <div :style="{position: 'absolute',top:(330 + (index * 350)) + 'px',left:'490px'}">收款人</div>
|
162
|
|
- <div :style="{position: 'absolute',top:(350 + (index * 350)) + 'px',left:'490px'}">日期</div> -->
|
163
|
|
- <!-- 附件 -->
|
164
|
|
- <!-- <div :style="{position: 'absolute',top:(120 + (index * 350)) + 'px',left:'588px'}">号码</div>
|
165
|
|
- <div :style="{position: 'absolute',top:(150 + (index * 350)) + 'px',left:'588px'}">{{ite}}</div>
|
166
|
|
- <div :style="{position: 'absolute',top:(170 + (index * 350)) + 'px',left:'588px'}">项目</div>
|
167
|
|
- <div :style="{position: 'absolute',top:(310 + (index * 350)) + 'px',left:'588px'}">金额</div>
|
168
|
|
- <div :style="{position: 'absolute',top:(330 + (index * 350)) + 'px',left:'588px'}">收款人</div>
|
169
|
|
- <div :style="{position: 'absolute',top:(350 + (index * 350)) + 'px',left:'588px'}">日期</div> -->
|
|
75
|
+ <div v-for="(items,index) in Arr" :key="index" style="">
|
|
76
|
+ <div v-for="(ite,index2) in items" :key="index2">
|
|
77
|
+ <div :style="{position: 'absolute',top:'90px',left:(400 + (index * 200)) + 'px'}">{{list.order_number}}</div>
|
|
78
|
+ <div :style="{position: 'absolute',top:'110px',left:(490 + (index * 200)) + 'px'}">{{Arr[0][0].name}}</div>
|
|
79
|
+ <div :style="{position: 'absolute',top:(130 + (index2 * 20)) + 'px',left:(490 + (index * 200)) + 'px'}">{{ite.item}} {{ite.total}}</div>
|
|
80
|
+ <div :style="{position: 'absolute',top:'300px',left:(490 + (index * 200)) + 'px'}">{{Arr[0][0].doctor_name}}</div>
|
|
81
|
+ <div :style="{position: 'absolute',top:'320px',left:(490 + (index * 200)) + 'px'}">{{list.order.psn_cash_pay}}</div>
|
|
82
|
+ <div :style="{position: 'absolute',top:'340px',left:(490 + (index * 200)) + 'px'}">{{Arr[0][0].operator}}</div>
|
|
83
|
+ <div :style="{position: 'absolute',top:'360px',left:(490 + (index * 200)) + 'px'}">{{Arr[0][0].printDate}}</div>
|
|
84
|
+ </div>
|
170
|
85
|
</div>
|
171
|
86
|
|
172
|
87
|
</div>
|
|
@@ -191,12 +106,13 @@ export default {
|
191
|
106
|
Arr:[],
|
192
|
107
|
// pageArrs:['西药费','化验费','治疗费','处置费',,'输氧费','其他']
|
193
|
108
|
// pageArrs:['西药费','化验费','治疗费','处置费','中成药','诊疗费','材料费',
|
194
|
|
- // '护理费','注射费','检查费'],
|
|
109
|
+ // '护理费','注射费','检查费','输氧费','其他'],
|
195
|
110
|
}
|
196
|
111
|
},
|
197
|
112
|
created(){
|
198
|
113
|
console.log('paramsObj',this.paramsObj)
|
199
|
|
- // console.log('vvvv',this.group(this.pageArrs,3));
|
|
114
|
+ // console.log('vvvv',this.group(this.pageArrs,4));
|
|
115
|
+ // this.Arr = this.group(this.pageArrs,4)
|
200
|
116
|
let params = {
|
201
|
117
|
order_id: this.paramsObj.order_id,
|
202
|
118
|
patient_id: this.paramsObj.patient_id,
|
|
@@ -257,7 +173,6 @@ export default {
|
257
|
173
|
this.pageArr.push(obj)
|
258
|
174
|
}
|
259
|
175
|
|
260
|
|
-
|
261
|
176
|
if(this.list.chineseTraditionalMedicineCostTotal > 0){
|
262
|
177
|
let obj = {
|
263
|
178
|
name: this.paramsObj.name,
|
|
@@ -270,7 +185,6 @@ export default {
|
270
|
185
|
this.pageArr.push(obj)
|
271
|
186
|
}
|
272
|
187
|
|
273
|
|
-
|
274
|
188
|
if(this.list.laboratoryCostTotal > 0){
|
275
|
189
|
let obj = {
|
276
|
190
|
name:this.paramsObj.name,
|
|
@@ -283,7 +197,6 @@ export default {
|
283
|
197
|
this.pageArr.push(obj)
|
284
|
198
|
}
|
285
|
199
|
|
286
|
|
-
|
287
|
200
|
if(this.list.checkCostTotal > 0){
|
288
|
201
|
let obj = {
|
289
|
202
|
name: this.paramsObj.name,
|
|
@@ -308,7 +221,6 @@ export default {
|
308
|
221
|
this.pageArr.push(obj)
|
309
|
222
|
}
|
310
|
223
|
|
311
|
|
-
|
312
|
224
|
if(this.list.materialCostTotal > 0){
|
313
|
225
|
let obj = {
|
314
|
226
|
name:this.paramsObj.name,
|
|
@@ -326,8 +238,8 @@ export default {
|
326
|
238
|
// num=1
|
327
|
239
|
// }
|
328
|
240
|
// // }
|
329
|
|
- // console.log('2222',this.pageArr,Math.ceil(this.pageArr.length/3));
|
330
|
|
- this.Arr = this.group(this.pageArr,3)
|
|
241
|
+ console.log('2222',this.pageArr);
|
|
242
|
+ this.Arr = this.group(this.pageArr,4)
|
331
|
243
|
console.log('3333',this.Arr)
|
332
|
244
|
|
333
|
245
|
})
|