yq1 1 year ago
parent
commit
df972390b8
1 changed files with 53 additions and 141 deletions
  1. 53 141
      src/xt_pages/outpatientCharges/invoiceTemplate/printtwelve.vue

+ 53 - 141
src/xt_pages/outpatientCharges/invoiceTemplate/printtwelve.vue View File

@@ -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
       })