@liuqiongqiong/vue-pages 1.0.8 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.esm.js +1 -1
  2. package/dist/index.js +1 -1
  3. package/package.json +1 -1
  4. package/src/pages/SettlementManagement/settlement/index.vue +1235 -1240
package/src/pages/SettlementManagement/settlement/index.vue CHANGED
@@ -1,1240 +1,1235 @@
1
- <template>
2
- <div class="app-container">
3
- <div class="filter-container">
4
- <el-form ref="listQuery" :inline="true" :model="listQuery" class="demo-form-inline">
5
- <!-- <el-form-item label="机构名称" prop="unitName">
6
- <el-input
7
- size="small"
8
- v-model="listQuery.unitName"
9
- placeholder="请输入机构名称"
10
- ></el-input>
11
- </el-form-item> -->
12
- <el-form-item label="客户姓名" prop="name">
13
- <el-select v-model="listQuery.familyId" style="width: 100%" clearable filterable size="small"
14
- class="filter-item" placeholder="请选择客户">
15
- <el-option v-for="(item, index) in customerData" :key="index" :label="item.label" :value="item.value" />
16
- </el-select>
17
- </el-form-item>
18
- <el-form-item label="机构名称" prop="name">
19
- <el-select v-model="listQuery.unitName" style="width: 100%" clearable filterable size="small"
20
- class="filter-item" placeholder="请选择机构名称">
21
- <el-option v-for="(item, index) in institutionList" :key="index" :label="item.label" :value="item.label" />
22
- </el-select>
23
- </el-form-item>
24
- <el-form-item label="计划流水号" prop="orderNo">
25
- <el-input v-model="listQuery.orderNo" clearable size="small" placeholder="请输入计划流水号" />
26
- </el-form-item>
27
- <el-form-item label="月份">
28
- <el-date-picker v-model="listQuery.orderYearMonth" size="small" value-format="yyyy-MM" type="month"
29
- placeholder="选择月" />
30
- <!-- <el-date-picker
31
- @change="changeTime"
32
- v-model="time"
33
- clearable
34
- size="small"
35
- value-format="yyyy-MM-dd"
36
- type="daterange"
37
- range-separator="至"
38
- start-placeholder="开始时间"
39
- end-placeholder="结束时间"
40
- >
41
- </el-date-picker> -->
42
- </el-form-item>
43
- <el-form-item>
44
- <el-button size="small" type="primary" @click="onSubmit">查询</el-button>
45
- </el-form-item>
46
- <el-form-item>
47
- <el-button size="small" type="warning" @click="resetting('listQuery')">重置</el-button>
48
- </el-form-item>
49
- <el-form-item>
50
- <el-button size="small" type="primary" @click="dialogVisibleExp = true">结算周期导出</el-button>
51
- </el-form-item>
52
- <el-form-item>
53
- <el-button size="small" type="primary" @click="dialogVisibleExp_two = true">新结算周期导出</el-button>
54
- </el-form-item>
55
- <el-form-item>
56
- <el-button size="small" type="success" @click="expExcel3">
57
- 结算周期打印
58
- </el-button>
59
- </el-form-item>
60
- <el-form-item>
61
- <el-button size="small" type="success" @click="expExcel4">
62
- 新结算周期打印
63
- </el-button>
64
- </el-form-item>
65
- </el-form>
66
- </div>
67
- <el-table border height="65vh" :data="list" style="width: 100%">
68
- <el-table-column :label="'客户姓名'" align="center">
69
- <template slot-scope="{ row }">
70
- <span>{{ row.familyName }}</span>
71
- </template>
72
- </el-table-column>
73
- <el-table-column :label="'客户失能等级'" align="center" width="150">
74
- <template slot-scope="{ row }">
75
- <el-tag v-if="row.familyLv == '06'" type="success">重度失能ⅠⅠⅠ级</el-tag>
76
- <el-tag v-if="row.familyLv == '05'" type="success">重度失能ⅠⅠ级</el-tag>
77
- <el-tag v-if="row.familyLv == '04'" type="success">重度失能Ⅰ级</el-tag>
78
- <el-tag v-if="row.familyLv == '03'" type="success">中度失能</el-tag>
79
- <el-tag v-if="row.familyLv == '02'" type="success">轻度失能</el-tag>
80
- <el-tag v-if="row.familyLv == '01'" type="success">基本正常</el-tag>
81
- </template>
82
- </el-table-column>
83
- <el-table-column :label="'计划流水号'" align="center">
84
- <template slot-scope="{ row }">
85
- <span>{{ row.orderNo }}</span>
86
- </template>
87
- </el-table-column>
88
- <el-table-column :label="'护理机构'" align="center">
89
- <template slot-scope="{ row }">
90
- <span>{{ row.unitName ? row.unitName : "-" }}</span>
91
- </template>
92
- </el-table-column>
93
- <el-table-column :label="'机构类型'" align="center">
94
- <template slot-scope="{ row }">
95
- <el-tag size="medium">{{
96
- row.unitType == "01"
97
- ? "上门护理机构"
98
- : row.unitType == "02"
99
- ? "养老机构"
100
- : row.unitType == "03"
101
- ? "医疗机构"
102
- : row.unitType == "04"
103
- ? "辅助器具机构"
104
- : "-"
105
- }}</el-tag>
106
- </template>
107
- </el-table-column>
108
- <el-table-column :label="'长期护理保险总费用'" align="center">
109
- <template slot-scope="{ row }">
110
- <span>{{ row.sumAccount ? row.sumAccount : "0" }}元</span>
111
- </template>
112
- </el-table-column>
113
- <el-table-column :label="'客户所需支付金额'" align="center">
114
- <template slot-scope="{ row }">
115
- <span>{{ row.userAccount ? row.userAccount : "0" }}元</span>
116
- </template>
117
- </el-table-column>
118
- <el-table-column :label="'基金所需支付金额'" align="center">
119
- <template slot-scope="{ row }">
120
- <span>{{ row.unitAccount ? row.unitAccount : "0" }}元</span>
121
- </template>
122
- </el-table-column>
123
- <el-table-column :label="'实际总金额'" align="center">
124
- <template slot-scope="{ row }">
125
- <span>{{ row.accountTotal ? row.accountTotal : "0" }}元</span>
126
- </template>
127
- </el-table-column>
128
- <el-table-column :label="'更新时间'" align="center">
129
- <template slot-scope="{ row }">
130
- <span>{{ row.createTime }}</span>
131
- </template>
132
- </el-table-column>
133
-
134
- <el-table-column :label="'操作'" align="center" width="250" class-name="small-padding fixed-width">
135
- <template slot-scope="{ row, $index }">
136
- <el-button size="mini" type="primary" @click="edit(row, $index)">
137
- 详情
138
- </el-button>
139
- <el-button v-if="row.trtSetlId" size="mini" type="success" @click="revoke(row, $index)">
140
- 费用申请撤销
141
- </el-button>
142
- <el-button size="mini" type="success" @click="expExcel(row, $index)">
143
- 导出
144
- </el-button>
145
- <el-button style="margin-top: 8px" size="mini" type="success" @click="expExcel2(row, $index)">
146
- 打印
147
- </el-button>
148
- </template>
149
- </el-table-column>
150
- </el-table>
151
- <pagination v-show="total > 0" :total="total" :page.sync="listQuery.pageNo" :limit.sync="listQuery.size"
152
- @pagination="getList" />
153
- <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" :title="textMap[dialogStatus]"
154
- :visible.sync="dialogFormVisible" width="40%">
155
- <el-form ref="dataForm" :rules="rules" :model="temp" label-position="right" label-width="170px">
156
- <el-row :gutter="20">
157
- <el-col :span="12">
158
- <el-form-item style="margin-bottom: 0px" label="客户姓名">
159
- <span>{{ temp.familyName }}</span>
160
- </el-form-item>
161
- </el-col>
162
- <el-col :span="12">
163
- <el-form-item style="margin-bottom: 0px" label="客户失能等级">
164
- <el-tag v-if="temp.familyLv == '06'" type="success">重度失能ⅠⅠⅠ级</el-tag>
165
- <el-tag v-if="temp.familyLv == '05'" type="success">重度失能ⅠⅠ级</el-tag>
166
- <el-tag v-if="temp.familyLv == '04'" type="success">重度失能Ⅰ级</el-tag>
167
- <el-tag v-if="temp.familyLv == '03'" type="success">中度失能</el-tag>
168
- <el-tag v-if="temp.familyLv == '02'" type="success">轻度失能</el-tag>
169
- <el-tag v-if="temp.familyLv == '01'" type="success">基本正常</el-tag>
170
- </el-form-item>
171
- </el-col>
172
- <el-col :span="12">
173
- <el-form-item style="margin-bottom: 0px" label="计划流水号">
174
- <span>{{ temp.orderNo }}</span>
175
- </el-form-item>
176
- </el-col>
177
- <el-col :span="12">
178
- <el-form-item style="margin-bottom: 0px" label="护理机构">
179
- <span>{{ temp.unitName }}</span>
180
- </el-form-item>
181
- </el-col>
182
- <el-col :span="12">
183
- <el-form-item style="margin-bottom: 0px" label="机构类型">
184
- <!-- <span>{{
185
- temp.unitType == "1"
186
- ? "养老机构"
187
- : temp.unitType == "2"
188
- ? "护理机构"
189
- : "-"
190
- }}</span> -->
191
- <el-tag size="medium">{{
192
- temp.unitType == "01"
193
- ? "上门护理机构"
194
- : temp.unitType == "02"
195
- ? "养老机构"
196
- : temp.unitType == "03"
197
- ? "医疗机构"
198
- : temp.unitType == "04"
199
- ? "辅助器具机构"
200
- : "-"
201
- }}</el-tag>
202
- </el-form-item>
203
- </el-col>
204
- <el-col :span="12">
205
- <el-form-item style="margin-bottom: 0px" label="实际总金额">
206
- <span>{{ temp.accountTotal }}元</span>
207
- </el-form-item>
208
- </el-col>
209
- <el-col :span="12">
210
- <el-form-item style="margin-bottom: 0px" label="客户所需支付金额">
211
- <span>{{ temp.userAccount }}元</span>
212
- </el-form-item>
213
- </el-col>
214
- <el-col :span="12">
215
- <el-form-item style="margin-bottom: 0px" label="基金所需支付金额">
216
- <span>{{ temp.unitAccount }}元</span>
217
- </el-form-item>
218
- </el-col>
219
- <el-col :span="12">
220
- <el-form-item style="margin-bottom: 0px" label="更新时间">
221
- <span>{{ temp.createTime }}</span>
222
- </el-form-item>
223
- </el-col>
224
- </el-row>
225
- </el-form>
226
- <div slot="footer" class="dialog-footer">
227
- <el-button type="primary" size="mini" @click="dialogFormVisible = false">
228
- 关 闭
229
- </el-button>
230
- <!-- <el-button size="mini" type="primary" @click="dialogStatus === 'create' ? createData() : updateData()">
231
- 确 认
232
- </el-button> -->
233
- </div>
234
- </el-dialog>
235
-
236
- <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" title="导出" :visible.sync="dialogVisibleExp"
237
- width="600px" :before-close="handleClose">
238
- <el-form :inline="true" class="demo-form-inline">
239
- <el-form-item label="提示:">
240
- <el-link :underline="false" type="primary">选择的开始日期和结束日期请将数据的入录时间包含起来，结束日期选后一天</el-link>
241
- </el-form-item>
242
- <el-form-item label="时间">
243
- <el-date-picker v-model="startDate" type="month" value-format="yyyy-MM" placeholder="选择月" />
244
- </el-form-item>
245
- </el-form>
246
- <span slot="footer" class="dialog-footer">
247
- <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
248
- <el-button size="small" type="primary" :loading="loadExp" @click="expExcelForm">
249
- 导 出
250
- </el-button>
251
- </span>
252
- </el-dialog>
253
- <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" title="新结算单导出"
254
- :visible.sync="dialogVisibleExp_two" width="600px" :before-close="handleClose">
255
- <el-form :inline="true" class="demo-form-inline">
256
- <el-form-item label="提示:">
257
- <el-link :underline="false" type="primary">选择的开始日期和结束日期请将数据的入录时间包含起来，结束日期选后一天</el-link>
258
- </el-form-item>
259
- <el-form-item label="时间">
260
- <el-date-picker v-model="startDate" type="month" value-format="yyyy-MM" placeholder="选择月" />
261
- </el-form-item>
262
- </el-form>
263
- <span slot="footer" class="dialog-footer">
264
- <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
265
- <el-button size="small" type="primary" :loading="loadExp" @click="expExcelForm_two">
266
- 导 出
267
- </el-button>
268
- </span>
269
- </el-dialog>
270
- <el-dialog v-if="unitType == '机构护理'" :close-on-click-modal="false" :close-on-press-escape="false" title="打印"
271
- :visible.sync="expObjVisible" width="100%" :before-close="handleClose" top="3vh">
272
- <div id="printDom1" ref="printDom1" class="exptable" border="1">
273
- <div class="thead">
274
- {{ expObj.orderYearMonth }}
275
- </div>
276
- <div class="tbody">
277
- <div class="tr eight">
278
- <div class="title eight_label">参保人姓名</div>
279
- <div class="eight_label">{{ expObj.personName }}</div>
280
- <div class="title eight_label">身份证</div>
281
- <div class="eight_label">{{ expObj.personIdCode }}</div>
282
- <div class="title eight_label">年龄</div>
283
- <div>
284
- {{ expObj.personAge }}
285
- </div>
286
- <div class="title eight_label">参保类型</div>
287
- <div class="eight_label">{{ expObj.medicalType }}</div>
288
-
289
- <div class="title eight_label">制表人</div>
290
- <div class="eight_label">{{ expObj.unitName }}</div>
291
- </div>
292
- <div class="tr eight">
293
- <div class="title eight_label">所属参保区划</div>
294
- <div class="eight_label">{{ expObj.medicalCounty }}</div>
295
- <div class="title eight_label">失能等级</div>
296
- <div class="eight_label">{{ expObj.lv }}</div>
297
- <div class="title eight_label">家属姓名</div>
298
- <div class="eight_label">{{ expObj.familyName }}</div>
299
- <!-- <div class="title eight_label" style="width: 750px;"></div> -->
300
- <!-- <div class="eight_label">{{ expObj.totalPrice }}</div> -->
301
- </div>
302
- <div class="leftXuhao loop">
303
- <div class="num">序号</div>
304
- <div class="name">服务项目</div>
305
- <div class="day headday">
306
- <span>护理服务执行日期及次数</span>
307
- <div class="forday">
308
- <span v-for="i in 31" :key="i">{{ i }}日</span>
309
- </div>
310
- </div>
311
- <div class="total">床日合计</div>
312
- </div>
313
- <div v-for="(item, index) in expObj.list" :key="index" class="tr loop">
314
- <div class="num">{{ index + 1 }}</div>
315
- <div class="name">{{ item.title }}</div>
316
- <div class="day bodyday">
317
- <div class="forday">
318
- <template v-for="i in 31">
319
- <span v-if="Array.isArray(item[`day${i}`])" :key="i">
320
- <p v-for="(items, index) in item[`day${i}`]" :key="index" style="margin: 0;">
321
- {{ items }}
322
- </p>
323
- </span>
324
- <span v-else :key="i">{{ item[`day${i}`] }}</span>
325
- </template>
326
- </div>
327
- </div>
328
- <div class="total">{{ item.num }}</div>
329
- </div>
330
- </div>
331
- <div class="handwriting">
332
- <div class="name">协议服务机构负责人签字:</div>
333
- <div class="day bodyday">家属确认签字按手印:</div>
334
- </div>
335
- <div class="handwriting">
336
- <div class="name">盖章:</div>
337
- <div class="day bodyday">日期:</div>
338
- </div>
339
- <div class="handwriting">
340
- <div class="name">日期:</div>
341
- </div>
342
- </div>
343
- <span slot="footer" class="dialog-footer">
344
- <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
345
- <el-button v-print="print" size="small" type="primary" :loading="loadExp" @click="onPrint">
346
- 打 印
347
- </el-button>
348
- </span>
349
- </el-dialog>
350
- <el-dialog v-if="unitType == '居家护理'" :close-on-click-modal="false" :close-on-press-escape="false" title="打印"
351
- :visible.sync="expObjVisible" width="100%" :before-close="handleClose" top="3vh">
352
- <div id="printDom1" ref="printDom1" class="exptable" border="1">
353
- <div class="thead">
354
- {{ expObj.orderYearMonth }}
355
- </div>
356
- <div class="tbody">
357
- <div class="tr eight">
358
- <div class="title eight_label">参保人姓名</div>
359
- <div class="eight_label">{{ expObj.personName }}</div>
360
- <div class="title eight_label">身份证</div>
361
- <div class="eight_label">{{ expObj.personIdCode }}</div>
362
- <div class="title eight_label">年龄</div>
363
- <div>
364
- {{ expObj.personAge }}
365
- </div>
366
- <div class="title eight_label">参保类型</div>
367
- <div class="eight_label">{{ expObj.medicalType }}</div>
368
-
369
- <div class="title eight_label">制表人</div>
370
- <div class="eight_label">{{ expObj.unitName }}</div>
371
- </div>
372
- <div class="tr eight">
373
- <div class="title eight_label">所属参保区划</div>
374
- <div class="eight_label">{{ expObj.medicalCounty }}</div>
375
- <div class="title eight_label">失能等级</div>
376
- <div class="eight_label">{{ expObj.lv }}</div>
377
- <div class="title eight_label">家属姓名</div>
378
- <div class="eight_label">{{ expObj.familyName }}</div>
379
- <!-- <div class="title eight_label" style="width: 750px;"></div> -->
380
- <!-- <div class="eight_label">{{ expObj.totalPrice }}</div> -->
381
- </div>
382
- <div class="leftXuhao loop">
383
- <div class="num">序号</div>
384
- <div class="name">服务项目</div>
385
- <div class="day headday">
386
- <span>护理服务执行日期及时长(分钟)</span>
387
- <div class="forday">
388
- <span v-for="i in 31" :key="i">{{ i }}日</span>
389
- </div>
390
- </div>
391
- <!-- <div class="total">床日合计</div> -->
392
- </div>
393
- <div v-for="(item, index) in expObj.list" :key="index" class="tr loop">
394
- <div class="num">{{ index + 1 }}</div>
395
- <div class="name">{{ item.title }}</div>
396
- <!-- 当月服务时长单元格合并显示 -->
397
- <div v-if="item.title == '当月服务时长（小时）'" class="day bodyday merged-cell">
398
- {{ item.num }}(小时)
399
- </div>
400
- <!-- 普通日期单元格 -->
401
- <div v-else class="day bodyday">
402
- <div class="forday">
403
- <template v-for="i in 31">
404
- <span v-if="Array.isArray(item[`day${i}`])" :key="i">
405
- <p v-for="(items, index) in item[`day${i}`]" :key="index" style="margin: 0;">
406
- {{ items }}
407
- </p>
408
- </span>
409
- <span v-else :key="i">{{ item[`day${i}`] }}</span>
410
- </template>
411
- </div>
412
- </div>
413
- </div>
414
- </div>
415
- <div class="handwriting">
416
- <div class="name">协议服务机构负责人签字:</div>
417
- <div class="day bodyday">家属确认签字按手印:</div>
418
- </div>
419
- <div class="handwriting">
420
- <div class="name">盖章:</div>
421
- <div class="day bodyday">日期:</div>
422
- </div>
423
- <div class="handwriting">
424
- <div class="name">日期:</div>
425
- </div>
426
- </div>
427
- <span slot="footer" class="dialog-footer">
428
- <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
429
- <el-button v-print="print" size="small" type="primary" :loading="loadExp" @click="onPrint">
430
- 打 印
431
- </el-button>
432
- </span>
433
- </el-dialog>
434
-
435
- <!-- 导出周期表格 2024-06-07 -->
436
- <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" title="打印"
437
- :visible.sync="dialogVisibleExpPrint" width="1200px" :before-close="handleClose">
438
- <el-form :inline="true" class="demo-form-inline">
439
- <el-form-item label="时间">
440
- <el-date-picker v-model="startDate" type="month" value-format="yyyy-MM" placeholder="选择月" size="small"
441
- @change="getExpPrint" />
442
- </el-form-item>
443
- </el-form>
444
- <div v-if="startDate" id="printDom1" ref="printDom1" class="exptable exptableprint" border="1">
445
- <div class="thead" style="font-size: 14px">
446
- {{ expObjPrint.title }}
447
- </div>
448
- <div style="text-align: left; padding: 10px 0">
449
- 结算周期{{ expObjPrint.jszqTime }}
450
- </div>
451
- <div class="tbody">
452
- <div class="tr loop">
453
- <div class="num" style="width: 55px !important">个人编号</div>
454
- <div class="" style="width: 45px">姓名</div>
455
- <div class="" style="flex: 1">身份证</div>
456
- <div class="" style="flex: 1">参保类型</div>
457
- <div class="" style="flex: 1">护理类别</div>
458
- <div class="" style="flex: 1">结算起始日期</div>
459
- <div class="" style="flex: 1">结算中止日期</div>
460
- <div class="" style="width: 55px">服务次数</div>
461
- <div class="" style="width: 62px">实际总金额</div>
462
- <!-- <div class="" style="width: 45px">总费用</div> -->
463
- <div class="" style="width: 55px">基金支付</div>
464
- <div class="day headday" style="width: 100px">
465
- <span>个人负担</span>
466
- <div class="forday">
467
- <span style="width: 50px">个人自费</span>
468
- <span style="width: 50px">个人自付</span>
469
- </div>
470
- </div>
471
- <div class="" style="flex: 1">不合理费用扣减</div>
472
- </div>
473
- <div v-for="(item, index) in expObjPrint.list" :key="index" class="tr loop">
474
- <div class="num" style="width: 55px !important">
475
- {{ index + 1 }}
476
- </div>
477
- <div class="" style="width: 45px">{{ item.name }}</div>
478
- <div class="" style="flex: 1">{{ item.idCode }}</div>
479
- <div class="" style="flex: 1">{{ item.medicalType }}</div>
480
- <div class="" style="flex: 1">{{ item.hlType }}</div>
481
- <div class="" style="flex: 1">{{ item.startTime }}</div>
482
- <div class="" style="flex: 1">{{ item.endTime }}</div>
483
- <div class="" style="width: 55px">{{ item.clockNum }}</div>
484
- <div class="" style="width: 62px">{{ item.accountTotal }}</div>
485
- <!-- <div class="" style="width: 45px">{{ item.totalPrice }}</div> -->
486
- <div class="" style="width: 55px">{{ item.fundPrice }}</div>
487
- <div class="day bodyday" style="width: 100px">
488
- <div class="forday">
489
- <span style="width: 50px">{{ item.fei }}</span>
490
- <span style="width: 50px">{{ item.fu }}</span>
491
- </div>
492
- </div>
493
- <div class="" style="flex: 1">{{ item.bhl }}</div>
494
- </div>
495
-
496
- <div class="tr loop">
497
- <div class="num" style="width: 55px !important">合计</div>
498
- <div class="" style="width: 45px" />
499
- <div class="" style="flex: 1" />
500
- <div class="" style="flex: 1" />
501
- <div class="" style="flex: 1" />
502
- <div class="" style="flex: 1" />
503
- <div class="" style="flex: 1" />
504
- <div class="" style="width: 55px" />
505
- <div class="" style="width: 62px">{{ totalAmount }}</div>
506
- <div class="" style="width: 55px">{{ fundAmount }}</div>
507
- <div class="day bodyday" style="width: 100px">
508
- <div class="forday">
509
- <span style="width: 100px">{{ burdenAmount }}</span>
510
- </div>
511
- </div>
512
- <div class="" style="flex: 1" />
513
- </div>
514
- </div>
515
- <div class="handwriting" style="padding: 2px 0">
516
- <div class="" style="width: 200px; text-align: left">
517
- 护理服务机构负责人签字
518
- </div>
519
- <div class="" style="width: 200px; text-align: left">
520
- 承办单位审核人签字
521
- </div>
522
- <div class="" style="width: 200px; text-align: left">
523
- 经办单位复核人签字
524
- </div>
525
- </div>
526
- <div class="handwriting">
527
- <div class="" style="width: 200px; text-align: left">盖章</div>
528
- <div class="" style="width: 200px; text-align: left">盖章</div>
529
- <div class="" style="width: 200px; text-align: left">盖章</div>
530
- </div>
531
- </div>
532
- <span slot="footer" class="dialog-footer">
533
- <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
534
- <el-button size="small" type="primary" :loading="loadExp" @click="onPrint">
535
- 打 印
536
- </el-button>
537
- </span>
538
- </el-dialog>
539
- <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" title="新结算单打印"
540
- :visible.sync="dialogVisibleExpPrint_two" width="100%" :before-close="handleClose">
541
- <el-form :inline="true" class="demo-form-inline">
542
- <el-form-item label="时间">
543
- <el-date-picker v-model="startDate" type="month" value-format="yyyy-MM" placeholder="选择月" size="small"
544
- @change="getExpPrint_new" />
545
- </el-form-item>
546
- </el-form>
547
- <div v-if="startDate" id="printDom1" ref="printDom1" style="padding: 20px">
548
- <div style="font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px">
549
- {{ expObjPrintNew.title }}
550
- </div>
551
- <div style="text-align: left; margin-bottom: 10px; font-size: 12px">
552
- 结算周期: {{ expObjPrintNew.jszqTime }}
553
- </div>
554
- <table border="1" cellspacing="0" cellpadding="5"
555
- style="width:100%; border-collapse: collapse; font-size: 10px">
556
- <thead>
557
- <tr style="background-color: #f0f0f0">
558
- <th>编号</th>
559
- <th>姓名</th>
560
- <th>身份证</th>
561
- <th>重度等级</th>
562
- <th>参保类型</th>
563
- <th>护理类别</th>
564
- <th>结算起始日期</th>
565
- <th>结算中止日期</th>
566
- <th>死亡时间</th>
567
- <th>转出机构时间</th>
568
- <th>基金支付</th>
569
- <th>单价</th>
570
- <th>重度服务时长</th>
571
- <th>实际服务时长</th>
572
- <th>统筹支付金额</th>
573
- <th>参保地</th>
574
- <th>护理员姓名</th>
575
- <th>住院起始日期</th>
576
- <th>是否当月新增</th>
577
- <th>新增时间</th>
578
- <th>参保人居住区域</th>
579
- <th>参保人居住地址</th>
580
- <th>备注</th>
581
- </tr>
582
- </thead>
583
- <tbody>
584
- <tr v-for="(item, index) in expObjPrintNew.list" :key="index">
585
- <td style="width: 50px;">{{ item.familyNo }}</td>
586
- <td style="width: 50px;">{{ item.familyName }}</td>
587
- <td style="width: 50px;">{{ item.familyIdCode }}</td>
588
- <td style="width: 50px;">{{ item.familyLv }}</td>
589
- <td style="width: 50px;">{{ item.familyMedicalType }}</td>
590
- <td style="width: 50px;">{{ item.unitType }}</td>
591
- <td style="width: 50px;">{{ item.orderStartDate }}</td>
592
- <td style="width: 50px;">{{ item.orderEndDate }}</td>
593
- <td style="width: 50px;">{{ item.familyDieTime }}</td>
594
- <td style="width: 50px;">{{ item.familyOutTime }}</td>
595
- <td style="width: 50px;">{{ item.unitAccount }}</td>
596
- <td style="width: 50px;">{{ item.dj }}</td>
597
- <td style="width: 50px;">{{ item.fwsc }}</td>
598
- <td style="width: 50px;">{{ item.sjfwsc }}</td>
599
- <td style="width: 50px;">{{ item.unitAccount }}</td>
600
- <td style="width: 50px;">{{ item.familyMedicalCounty }}</td>
601
- <td style="width: 50px;">{{ item.personName }}</td>
602
- <td style="width: 50px;">{{ item.familyZYTime }}</td>
603
- <td style="width: 50px;">{{ item.dyxz }}</td>
604
- <td style="width: 50px;">{{ item.familyCreateTime }}</td>
605
- <td style="width: 50px;">{{ item.familyCounty }}</td>
606
- <td style="width: 50px;">{{ item.familyAddress }}</td>
607
- <td style="width: 50px;">{{ item.bz }}</td>
608
- </tr>
609
- </tbody>
610
- </table>
611
-
612
- <div style="margin-top: 20px; padding: 10px 0">
613
- <div style="display: flex; margin-bottom: 10px">
614
- <div style="flex: 1">护理服务机构负责人签字:_______________</div>
615
- <div style="flex: 1">承办单位审核人签字:_______________</div>
616
- </div>
617
- <div style="display: flex">
618
- <div style="flex: 1">盖章:</div>
619
- <!-- <div style="flex: 1">盖章:_______________</div> -->
620
- </div>
621
- </div>
622
- </div>
623
- <span slot="footer" class="dialog-footer">
624
- <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
625
- <el-button size="small" type="primary" :loading="loadExp" @click="onPrint">打 印</el-button>
626
- </span>
627
- </el-dialog>
628
-
629
- </div>
630
- </template>
631
-
632
- <script>
633
- import {
634
- WxSettlementPage,
635
- revokepsnsetlThird,
636
- wxSettlementInfo,
637
- wxSettlementStatisticInfo,
638
- wxSettlementStatisticInfoNew,
639
- ClockInfo,
640
- ClockJsInfo,
641
- JSInfoNew
642
- } from '@/api/settlement'
643
- import { SysUnitAll, WxUserFamilyAll } from '@/api/institution'
644
- import Pagination from '@/components/Pagination' // secondary package based on el-pagination
645
- export default {
646
- name: 'Personnel',
647
- components: { Pagination },
648
- filters: {},
649
- data() {
650
- return {
651
-
652
- unitType: null,
653
- // 时间
654
- time: null,
655
- institutionList: [],
656
- customerData: [],
657
- startDate: '',
658
- loadExp: false,
659
- dialogVisibleExp: false,
660
- dialogVisibleExp_two: false,
661
- dialogStatus: '',
662
- textMap: { update: '详情', create: '创建' },
663
- tableKey: 0,
664
- list: null,
665
- total: 0,
666
- listLoading: true,
667
- listQuery: {
668
- pageNo: 1,
669
- size: 20
670
- },
671
- dialogFormVisible: false,
672
- dialogPvVisible: false,
673
- rules: {
674
- status: [
675
- { required: true, message: '请选择审批状态', trigger: 'change' }
676
- ],
677
- name: [{ required: true, message: '请输入机构名称', trigger: 'blur' }],
678
- city: [{ required: true, message: '请输入行政区划', trigger: 'blur' }],
679
- county: [
680
- { required: true, message: '请输入所属辖区', trigger: 'blur' }
681
- ],
682
- address: [
683
- { required: true, message: '请输入护理机构地址', trigger: 'blur' }
684
- ],
685
- linkMan: [{ required: true, message: '请输入联系人', trigger: 'blur' }],
686
- linkPhoneNumber: [
687
- { required: true, message: '请输入联系号码', trigger: 'blur' }
688
- ]
689
- },
690
- temp: {},
691
- downloadLoading: false,
692
- expObj: {},
693
- expObjPrint: {},
694
- expObjPrintNew: {},
695
- expObjVisible: false,
696
- dialogVisibleExpPrint: false,
697
- dialogVisibleExpPrint_two: false
698
- }
699
- },
700
- computed: {
701
- totalAmount() {
702
- let accountTotal = 0
703
- if (!Object.keys(this.expObjPrint).length == 0) {
704
- for (let i = 0; i < this.expObjPrint.list.length; i++) {
705
- accountTotal += this.expObjPrint.list[i].accountTotal
706
- }
707
- }
708
- return accountTotal.toFixed(1) || 0
709
- },
710
- fundAmount() {
711
- let fundPrice = 0
712
- if (!Object.keys(this.expObjPrint).length == 0) {
713
- for (let i = 0; i < this.expObjPrint.list.length; i++) {
714
- fundPrice += this.expObjPrint.list[i].fundPrice
715
- }
716
- }
717
- return fundPrice.toFixed(1) || 0
718
- },
719
- burdenAmount() {
720
- let amount = 0
721
- if (!Object.keys(this.expObjPrint).length == 0) {
722
- for (let i = 0; i < this.expObjPrint.list.length; i++) {
723
- amount += this.expObjPrint.list[i].fei + this.expObjPrint.list[i].fu
724
- }
725
- }
726
- return amount.toFixed(1) || 0
727
- }
728
- },
729
- created() {
730
- this.getList()
731
- },
732
- methods: {
733
- changeTime(value) {
734
- this.listQuery.orderStartDate = value[0]
735
- this.listQuery.orderEndDate = value[1]
736
- },
737
- /**
738
- * 打印
739
- */
740
- onPrint() {
741
- this.$print(this.$refs.printDom1)
742
- },
743
- getExpPrint(v) {
744
- ClockJsInfo({ yearMonth: v }).then((res) => {
745
- console.log(res)
746
- if (res.status === 1) {
747
- this.expObjPrint = res.result
748
- }
749
- })
750
- },
751
- getExpPrint_new(v) {
752
- JSInfoNew({ yearMonth: v }).then((res) => {
753
- console.log(res)
754
- if (res.status === 1) {
755
- this.expObjPrintNew = res.result
756
- }
757
- })
758
- },
759
- expExcel3(row) {
760
- this.dialogVisibleExpPrint = true
761
- this.startDate = ''
762
- },
763
- expExcel4(row) {
764
- this.dialogVisibleExpPrint_two = true
765
- this.startDate = ''
766
- },
767
- expExcel2(row) {
768
- ClockInfo({ orderNo: row.orderNo }).then((res) => {
769
- if (res.status === 1) {
770
- this.unitType = res.result.unitType
771
- const result = {}
772
- const lastElement = res.result.list[res.result.list.length - 1]
773
- for (const key in lastElement) {
774
- if (typeof lastElement[key] === 'string' && lastElement[key].includes('-')) {
775
- result[key] = lastElement[key].split(/-/)
776
- } else {
777
- result[key] = lastElement[key]
778
- }
779
- }
780
- res.result.list[res.result.list.length - 1] = result
781
- this.expObj = res.result
782
- this.expObjVisible = true
783
- }
784
- })
785
- },
786
- expExcel(row) {
787
- wxSettlementInfo({ id: row.id, orderNo: row.orderNo }).then((res) => {
788
- const blob = new Blob([res])
789
- const fileName = '结算信息导出'
790
- if (blob.size > 0) {
791
- const elink = document.createElement('a')
792
- elink.style.display = 'none'
793
- elink.href = URL.createObjectURL(blob)
794
- // 类似a标签下载
795
- // 自定义文件名称和导出类型。最好和后台保持一致
796
- elink.download = `${fileName}/${this.$moment().format(
797
- 'YYYY-MM-DD'
798
- )}.xlsx`
799
- document.body.appendChild(elink)
800
- elink.click()
801
- // 释放URL 对象
802
- URL.revokeObjectURL(elink.href)
803
- // 删除创建的 a 标签
804
- document.body.removeChild(elink)
805
- }
806
- })
807
- },
808
- expExcelForm_two() {
809
- try {
810
- this.loadExp = true
811
- const form = {
812
- yearMonth: this.startDate
813
- // endDate: this.startDate[1],
814
- }
815
- wxSettlementStatisticInfoNew(form)
816
- .then((res) => {
817
- const blob = new Blob([res])
818
- const fileName = '新结算统计导出'
819
- if (blob.size > 0) {
820
- const elink = document.createElement('a')
821
- elink.style.display = 'none'
822
- elink.href = URL.createObjectURL(blob)
823
- // 类似a标签下载
824
- // 自定义文件名称和导出类型。最好和后台保持一致
825
- elink.download = `${fileName}/${this.$moment().format(
826
- 'YYYY-MM-DD'
827
- )}.xlsx`
828
- document.body.appendChild(elink)
829
- elink.click()
830
- // 释放URL 对象
831
- URL.revokeObjectURL(elink.href)
832
- // 删除创建的 a 标签
833
- document.body.removeChild(elink)
834
- }
835
- this.handleClose()
836
- this.loadExp = false
837
- })
838
- .catch(() => {
839
- this.loadExp = false
840
- })
841
- } catch (e) {
842
- this.loadExp = false
843
- console.log(e)
844
- }
845
- },
846
- expExcelForm() {
847
- try {
848
- this.loadExp = true
849
- const form = {
850
- yearMonth: this.startDate
851
- // endDate: this.startDate[1],
852
- }
853
- wxSettlementStatisticInfo(form)
854
- .then((res) => {
855
- const blob = new Blob([res])
856
- const fileName = '结算统计导出'
857
- if (blob.size > 0) {
858
- const elink = document.createElement('a')
859
- elink.style.display = 'none'
860
- elink.href = URL.createObjectURL(blob)
861
- // 类似a标签下载
862
- // 自定义文件名称和导出类型。最好和后台保持一致
863
- elink.download = `${fileName}/${this.$moment().format(
864
- 'YYYY-MM-DD'
865
- )}.xlsx`
866
- document.body.appendChild(elink)
867
- elink.click()
868
- // 释放URL 对象
869
- URL.revokeObjectURL(elink.href)
870
- // 删除创建的 a 标签
871
- document.body.removeChild(elink)
872
- }
873
- this.handleClose()
874
- this.loadExp = false
875
- })
876
- .catch(() => {
877
- this.loadExp = false
878
- })
879
- } catch (e) {
880
- this.loadExp = false
881
- console.log(e)
882
- }
883
- },
884
- handleClose() {
885
- this.dialogVisibleExp = false
886
- this.dialogVisibleExp_two = false
887
- this.expObjVisible = false
888
- this.dialogVisibleExpPrint = false
889
- this.dialogVisibleExpPrint_two = false
890
- this.expObj = {}
891
- this.expObjPrint = {}
892
- this.startDate = ''
893
- },
894
- // 撤销
895
- revoke(row) {
896
- revokepsnsetlThird({ trtSetlId: row.trtSetlId }).then((res) => {
897
- if (res.status == 1) {
898
- this.getList()
899
- this.$notify({
900
- title: '提示',
901
- message: '撤销成功',
902
- type: 'success',
903
- duration: 2000
904
- })
905
- } else {
906
- this.$notify({
907
- title: '提示',
908
- message: res.info,
909
- type: 'error',
910
- duration: 2000
911
- })
912
- }
913
- })
914
- },
915
- getList() {
916
- this.listLoading = true
917
- WxSettlementPage(this.listQuery).then((response) => {
918
- this.list = response.result.data
919
- this.total = response.result.count
920
- setTimeout(() => {
921
- this.listLoading = false
922
- }, 1.5 * 1000)
923
- })
924
- SysUnitAll().then((res) => {
925
- this.institutionList = res.result.map((item) => {
926
- return { label: item.name, value: item.id }
927
- })
928
- })
929
- WxUserFamilyAll().then((res) => {
930
- this.customerData = res.result.map((item) => {
931
- return { label: item.name, value: item.id }
932
- })
933
- })
934
- },
935
- handleModifyStatus(row, status) {
936
- this.$message({
937
- message: '操作成功',
938
- type: 'success'
939
- })
940
- row.status = status
941
- },
942
- resetting(formName) {
943
- this.$nextTick(() => {
944
- this.$refs[formName].resetFields()
945
- this.getList()
946
- })
947
- },
948
- add() {
949
- this.dialogStatus = 'create'
950
- this.dialogFormVisible = true
951
- this.temp = {}
952
- },
953
- onSubmit() {
954
- this.getList()
955
- },
956
- createData() {
957
- this.$refs['dataForm'].validate((valid) => {
958
- if (valid) {
959
- SysUnitSave(this.temp).then((res) => {
960
- if (res.status == 1) {
961
- this.dialogFormVisible = false
962
- this.getList()
963
- this.$notify({
964
- title: res.info,
965
- message: '新增成功',
966
- type: 'success',
967
- duration: 2000
968
- })
969
- return
970
- }
971
- this.$notify({
972
- title: res.info,
973
- message: '新增失败',
974
- type: 'error',
975
- duration: 2000
976
- })
977
- })
978
- }
979
- })
980
- },
981
- updateData() {
982
- this.$refs['dataForm'].validate((valid) => {
983
- if (valid) {
984
- WxClockApplyApprove(this.temp).then((res) => {
985
- if (res.status == 1) {
986
- this.dialogFormVisible = false
987
- this.getList()
988
- this.$notify({
989
- title: res.info,
990
- message: '更新成功',
991
- type: 'success',
992
- duration: 2000
993
- })
994
- return
995
- }
996
- this.$notify({
997
- title: res.info,
998
- message: '更新失败',
999
- type: 'error',
1000
- duration: 2000
1001
- })
1002
- })
1003
- }
1004
- })
1005
- },
1006
- edit(row) {
1007
- this.temp = row
1008
- this.dialogStatus = 'update'
1009
- this.dialogFormVisible = true
1010
- },
1011
- handleDelete(row, index) {
1012
- WxClockApplyDel({ id: row.id }).then((res) => {
1013
- if (res.status == 1) {
1014
- this.getList()
1015
- this.$notify({
1016
- title: res.info,
1017
- message: '删除成功',
1018
- type: 'success',
1019
- duration: 2000
1020
- })
1021
- return
1022
- }
1023
- this.$notify({
1024
- title: res.info,
1025
- message: '删除失败',
1026
- type: 'error',
1027
- duration: 2000
1028
- })
1029
- })
1030
- // this.list.splice(index, 1)
1031
- }
1032
- }
1033
- }
1034
- </script>
1035
- <style lang="scss" scoped>
1036
- .el-col-12 {
1037
- padding: 0 20px 0 0;
1038
- }
1039
-
1040
- .exptable {
1041
- font-size: 9px;
1042
- text-align: center;
1043
- width: 100%;
1044
-
1045
- // line-height: 26px;
1046
- .leftXuhao {
1047
- display: flex;
1048
- border-bottom: 1px solid #333;
1049
-
1050
- div {
1051
- display: flex;
1052
- align-items: center;
1053
- justify-content: center;
1054
- border-right: 1px solid #333;
1055
- }
1056
- }
1057
-
1058
- .thead {
1059
- // border: 1px solid #333;
1060
- border-bottom: 0;
1061
- color: #000;
1062
- padding: 8px 0;
1063
- }
1064
-
1065
- .tbody {
1066
- border: 1px solid #333;
1067
- font-size: 8px;
1068
- }
1069
-
1070
- .tr {
1071
- display: flex;
1072
- border-bottom: 1px solid #333;
1073
- color: #111;
1074
-
1075
- div {
1076
- // flex: 1;
1077
- display: flex;
1078
- align-items: center;
1079
- justify-content: center;
1080
- border-right: 1px solid #333;
1081
- // padding: 5px 2px;
1082
- }
1083
-
1084
- .bodyday {
1085
- flex: 1;
1086
- }
1087
-
1088
- div:last-child {
1089
- border-right: 0;
1090
- }
1091
- }
1092
-
1093
- .eight div {
1094
- flex: 1;
1095
- // width: calc((100% - 120px * 8) / 8);
1096
- padding: 5px 0;
1097
- }
1098
-
1099
- .eight .title {
1100
- width: 110px;
1101
- flex: none;
1102
- }
1103
-
1104
- .tr:last-child {
1105
- border-bottom: 0;
1106
- }
1107
-
1108
- .loop {
1109
- .num {
1110
- width: 22px !important;
1111
- }
1112
-
1113
- .total {
1114
- width: 23px;
1115
- padding: 5px 0;
1116
- }
1117
-
1118
- // .day {
1119
- // width: calc(27px * 27);
1120
- // }
1121
- .name {
1122
- // flex: 1;
1123
- padding: 5px 0;
1124
- // width: 300px !important;
1125
- flex: 0.1;
1126
- }
1127
-
1128
- .headday {
1129
- flex-flow: column;
1130
- flex: 1;
1131
-
1132
- .forday {
1133
- border-top: 1px solid #333;
1134
- }
1135
- }
1136
-
1137
- .day span {
1138
- padding: 10px 0;
1139
- }
1140
-
1141
- .forday {
1142
- display: table;
1143
- width: 100%;
1144
-
1145
- // height: 100%;
1146
- span {
1147
- display: table-cell;
1148
- vertical-align: middle;
1149
- border-right: 1px solid #333;
1150
- width: 23px;
1151
- height: 100%;
1152
- overflow: hidden;
1153
- word-wrap: break-word;
1154
- word-break: break-all;
1155
- }
1156
-
1157
- span:last-child {
1158
- border-right: 0;
1159
- }
1160
- }
1161
- }
1162
- }
1163
-
1164
- .aa {
1165
- // height: 88px;
1166
- }
1167
-
1168
- .handwriting {
1169
- display: flex;
1170
-
1171
- div {
1172
- text-align: right;
1173
- padding: 5px 0;
1174
- }
1175
-
1176
- .name {
1177
- margin-left: 60px;
1178
- width: 120px;
1179
- }
1180
-
1181
- .bodyday {
1182
- width: 60%;
1183
- margin-right: 60px;
1184
- }
1185
- }
1186
-
1187
- .exptableprint {
1188
- font-size: 11px;
1189
-
1190
- .tbody {
1191
- font-size: 10px;
1192
- }
1193
- }
1194
-
1195
- /* 打印样式 - 修复el-table打印时列宽问题 */
1196
- @media print {
1197
-
1198
- /* 强制设置表格列宽为auto，让内容正常显示 */
1199
- .el-table__header-wrapper,
1200
- .el-table__body-wrapper {
1201
- overflow: visible !important;
1202
- }
1203
-
1204
- .el-table__header,
1205
- .el-table__body {
1206
- width: 100% !important;
1207
- }
1208
-
1209
- .el-table th,
1210
- .el-table td {
1211
- width: auto !important;
1212
- min-width: 80px !important;
1213
- max-width: none !important;
1214
- white-space: normal !important;
1215
- word-wrap: break-word !important;
1216
- overflow: visible !important;
1217
- }
1218
-
1219
- .el-table__fixed,
1220
- .el-table__fixed-right {
1221
- display: none !important;
1222
- }
1223
-
1224
- /* 隐藏不需要打印的元素 */
1225
- .dialog-footer,
1226
- .el-dialog__header {
1227
- display: none !important;
1228
- }
1229
-
1230
- /* 确保打印时表格宽度100% */
1231
- .el-table {
1232
- width: 100% !important;
1233
- table-layout: auto !important;
1234
- }
1235
-
1236
- .el-table__body {
1237
- table-layout: auto !important;
1238
- }
1239
- }
1240
- </style>
1
+ <template>
2
+ <div class="app-container">
3
+ <div class="filter-container">
4
+ <el-form ref="listQuery" :inline="true" :model="listQuery" class="demo-form-inline">
5
+ <!-- <el-form-item label="机构名称" prop="unitName">
6
+ <el-input
7
+ size="small"
8
+ v-model="listQuery.unitName"
9
+ placeholder="请输入机构名称"
10
+ ></el-input>
11
+ </el-form-item> -->
12
+ <el-form-item label="客户姓名" prop="name">
13
+ <el-select v-model="listQuery.familyId" style="width: 100%" clearable filterable size="small"
14
+ class="filter-item" placeholder="请选择客户">
15
+ <el-option v-for="(item, index) in customerData" :key="index" :label="item.label" :value="item.value" />
16
+ </el-select>
17
+ </el-form-item>
18
+ <el-form-item label="机构名称" prop="name">
19
+ <el-select v-model="listQuery.unitName" style="width: 100%" clearable filterable size="small"
20
+ class="filter-item" placeholder="请选择机构名称">
21
+ <el-option v-for="(item, index) in institutionList" :key="index" :label="item.label" :value="item.label" />
22
+ </el-select>
23
+ </el-form-item>
24
+ <el-form-item label="计划流水号" prop="orderNo">
25
+ <el-input v-model="listQuery.orderNo" clearable size="small" placeholder="请输入计划流水号" />
26
+ </el-form-item>
27
+ <el-form-item label="月份">
28
+ <el-date-picker v-model="listQuery.orderYearMonth" size="small" value-format="yyyy-MM" type="month"
29
+ placeholder="选择月" />
30
+ <!-- <el-date-picker
31
+ @change="changeTime"
32
+ v-model="time"
33
+ clearable
34
+ size="small"
35
+ value-format="yyyy-MM-dd"
36
+ type="daterange"
37
+ range-separator="至"
38
+ start-placeholder="开始时间"
39
+ end-placeholder="结束时间"
40
+ >
41
+ </el-date-picker> -->
42
+ </el-form-item>
43
+ <el-form-item>
44
+ <el-button size="small" type="primary" @click="onSubmit">查询</el-button>
45
+ </el-form-item>
46
+ <el-form-item>
47
+ <el-button size="small" type="warning" @click="resetting('listQuery')">重置</el-button>
48
+ </el-form-item>
49
+ <el-form-item>
50
+ <el-button size="small" type="primary" @click="dialogVisibleExp = true">结算周期导出</el-button>
51
+ </el-form-item>
52
+ <el-form-item>
53
+ <el-button size="small" type="primary" @click="dialogVisibleExp_two = true">新结算周期导出</el-button>
54
+ </el-form-item>
55
+ <el-form-item>
56
+ <el-button size="small" type="success" @click="expExcel3">
57
+ 结算周期打印
58
+ </el-button>
59
+ </el-form-item>
60
+ <el-form-item>
61
+ <el-button size="small" type="success" @click="expExcel4">
62
+ 新结算周期打印
63
+ </el-button>
64
+ </el-form-item>
65
+ </el-form>
66
+ </div>
67
+ <el-table border height="65vh" :data="list" style="width: 100%">
68
+ <el-table-column :label="'客户姓名'" align="center">
69
+ <template slot-scope="{ row }">
70
+ <span>{{ row.familyName }}</span>
71
+ </template>
72
+ </el-table-column>
73
+ <el-table-column :label="'客户失能等级'" align="center" width="150">
74
+ <template slot-scope="{ row }">
75
+ <el-tag v-if="row.familyLv == '06'" type="success">重度失能ⅠⅠⅠ级</el-tag>
76
+ <el-tag v-if="row.familyLv == '05'" type="success">重度失能ⅠⅠ级</el-tag>
77
+ <el-tag v-if="row.familyLv == '04'" type="success">重度失能Ⅰ级</el-tag>
78
+ <el-tag v-if="row.familyLv == '03'" type="success">中度失能</el-tag>
79
+ <el-tag v-if="row.familyLv == '02'" type="success">轻度失能</el-tag>
80
+ <el-tag v-if="row.familyLv == '01'" type="success">基本正常</el-tag>
81
+ </template>
82
+ </el-table-column>
83
+ <el-table-column :label="'计划流水号'" align="center">
84
+ <template slot-scope="{ row }">
85
+ <span>{{ row.orderNo }}</span>
86
+ </template>
87
+ </el-table-column>
88
+ <el-table-column :label="'护理机构'" align="center">
89
+ <template slot-scope="{ row }">
90
+ <span>{{ row.unitName ? row.unitName : "-" }}</span>
91
+ </template>
92
+ </el-table-column>
93
+ <el-table-column :label="'机构类型'" align="center">
94
+ <template slot-scope="{ row }">
95
+ <el-tag size="medium">{{
96
+ row.unitType == "01"
97
+ ? "上门护理机构"
98
+ : row.unitType == "02"
99
+ ? "养老机构"
100
+ : row.unitType == "03"
101
+ ? "医疗机构"
102
+ : row.unitType == "04"
103
+ ? "辅助器具机构"
104
+ : "-"
105
+ }}</el-tag>
106
+ </template>
107
+ </el-table-column>
108
+ <el-table-column :label="'长期护理保险总费用'" align="center">
109
+ <template slot-scope="{ row }">
110
+ <span>{{ row.sumAccount ? row.sumAccount : "0" }}元</span>
111
+ </template>
112
+ </el-table-column>
113
+ <el-table-column :label="'客户所需支付金额'" align="center">
114
+ <template slot-scope="{ row }">
115
+ <span>{{ row.userAccount ? row.userAccount : "0" }}元</span>
116
+ </template>
117
+ </el-table-column>
118
+ <el-table-column :label="'基金所需支付金额'" align="center">
119
+ <template slot-scope="{ row }">
120
+ <span>{{ row.unitAccount ? row.unitAccount : "0" }}元</span>
121
+ </template>
122
+ </el-table-column>
123
+ <el-table-column :label="'实际总金额'" align="center">
124
+ <template slot-scope="{ row }">
125
+ <span>{{ row.accountTotal ? row.accountTotal : "0" }}元</span>
126
+ </template>
127
+ </el-table-column>
128
+ <el-table-column :label="'更新时间'" align="center">
129
+ <template slot-scope="{ row }">
130
+ <span>{{ row.createTime }}</span>
131
+ </template>
132
+ </el-table-column>
133
+
134
+ <el-table-column :label="'操作'" align="center" width="250" class-name="small-padding fixed-width">
135
+ <template slot-scope="{ row, $index }">
136
+ <el-button size="mini" type="primary" @click="edit(row, $index)">
137
+ 详情
138
+ </el-button>
139
+ <el-button v-if="row.trtSetlId" size="mini" type="success" @click="revoke(row, $index)">
140
+ 费用申请撤销
141
+ </el-button>
142
+ <el-button size="mini" type="success" @click="expExcel(row, $index)">
143
+ 导出
144
+ </el-button>
145
+ <el-button style="margin-top: 8px" size="mini" type="success" @click="expExcel2(row, $index)">
146
+ 打印
147
+ </el-button>
148
+ </template>
149
+ </el-table-column>
150
+ </el-table>
151
+ <pagination v-show="total > 0" :total="total" :page.sync="listQuery.pageNo" :limit.sync="listQuery.size"
152
+ @pagination="getList" />
153
+ <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" :title="textMap[dialogStatus]"
154
+ :visible.sync="dialogFormVisible" width="40%">
155
+ <el-form ref="dataForm" :rules="rules" :model="temp" label-position="right" label-width="170px">
156
+ <el-row :gutter="20">
157
+ <el-col :span="12">
158
+ <el-form-item style="margin-bottom: 0px" label="客户姓名">
159
+ <span>{{ temp.familyName }}</span>
160
+ </el-form-item>
161
+ </el-col>
162
+ <el-col :span="12">
163
+ <el-form-item style="margin-bottom: 0px" label="客户失能等级">
164
+ <el-tag v-if="temp.familyLv == '06'" type="success">重度失能ⅠⅠⅠ级</el-tag>
165
+ <el-tag v-if="temp.familyLv == '05'" type="success">重度失能ⅠⅠ级</el-tag>
166
+ <el-tag v-if="temp.familyLv == '04'" type="success">重度失能Ⅰ级</el-tag>
167
+ <el-tag v-if="temp.familyLv == '03'" type="success">中度失能</el-tag>
168
+ <el-tag v-if="temp.familyLv == '02'" type="success">轻度失能</el-tag>
169
+ <el-tag v-if="temp.familyLv == '01'" type="success">基本正常</el-tag>
170
+ </el-form-item>
171
+ </el-col>
172
+ <el-col :span="12">
173
+ <el-form-item style="margin-bottom: 0px" label="计划流水号">
174
+ <span>{{ temp.orderNo }}</span>
175
+ </el-form-item>
176
+ </el-col>
177
+ <el-col :span="12">
178
+ <el-form-item style="margin-bottom: 0px" label="护理机构">
179
+ <span>{{ temp.unitName }}</span>
180
+ </el-form-item>
181
+ </el-col>
182
+ <el-col :span="12">
183
+ <el-form-item style="margin-bottom: 0px" label="机构类型">
184
+ <!-- <span>{{
185
+ temp.unitType == "1"
186
+ ? "养老机构"
187
+ : temp.unitType == "2"
188
+ ? "护理机构"
189
+ : "-"
190
+ }}</span> -->
191
+ <el-tag size="medium">{{
192
+ temp.unitType == "01"
193
+ ? "上门护理机构"
194
+ : temp.unitType == "02"
195
+ ? "养老机构"
196
+ : temp.unitType == "03"
197
+ ? "医疗机构"
198
+ : temp.unitType == "04"
199
+ ? "辅助器具机构"
200
+ : "-"
201
+ }}</el-tag>
202
+ </el-form-item>
203
+ </el-col>
204
+ <el-col :span="12">
205
+ <el-form-item style="margin-bottom: 0px" label="实际总金额">
206
+ <span>{{ temp.accountTotal }}元</span>
207
+ </el-form-item>
208
+ </el-col>
209
+ <el-col :span="12">
210
+ <el-form-item style="margin-bottom: 0px" label="客户所需支付金额">
211
+ <span>{{ temp.userAccount }}元</span>
212
+ </el-form-item>
213
+ </el-col>
214
+ <el-col :span="12">
215
+ <el-form-item style="margin-bottom: 0px" label="基金所需支付金额">
216
+ <span>{{ temp.unitAccount }}元</span>
217
+ </el-form-item>
218
+ </el-col>
219
+ <el-col :span="12">
220
+ <el-form-item style="margin-bottom: 0px" label="更新时间">
221
+ <span>{{ temp.createTime }}</span>
222
+ </el-form-item>
223
+ </el-col>
224
+ </el-row>
225
+ </el-form>
226
+ <div slot="footer" class="dialog-footer">
227
+ <el-button type="primary" size="mini" @click="dialogFormVisible = false">
228
+ 关 闭
229
+ </el-button>
230
+ <!-- <el-button size="mini" type="primary" @click="dialogStatus === 'create' ? createData() : updateData()">
231
+ 确 认
232
+ </el-button> -->
233
+ </div>
234
+ </el-dialog>
235
+
236
+ <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" title="导出" :visible.sync="dialogVisibleExp"
237
+ width="600px" :before-close="handleClose">
238
+ <el-form :inline="true" class="demo-form-inline">
239
+ <el-form-item label="提示:">
240
+ <el-link :underline="false" type="primary">选择的开始日期和结束日期请将数据的入录时间包含起来，结束日期选后一天</el-link>
241
+ </el-form-item>
242
+ <el-form-item label="时间">
243
+ <el-date-picker v-model="startDate" type="month" value-format="yyyy-MM" placeholder="选择月" />
244
+ </el-form-item>
245
+ </el-form>
246
+ <span slot="footer" class="dialog-footer">
247
+ <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
248
+ <el-button size="small" type="primary" :loading="loadExp" @click="expExcelForm">
249
+ 导 出
250
+ </el-button>
251
+ </span>
252
+ </el-dialog>
253
+ <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" title="新结算单导出"
254
+ :visible.sync="dialogVisibleExp_two" width="600px" :before-close="handleClose">
255
+ <el-form :inline="true" class="demo-form-inline">
256
+ <el-form-item label="提示:">
257
+ <el-link :underline="false" type="primary">选择的开始日期和结束日期请将数据的入录时间包含起来，结束日期选后一天</el-link>
258
+ </el-form-item>
259
+ <el-form-item label="时间">
260
+ <el-date-picker v-model="startDate" type="month" value-format="yyyy-MM" placeholder="选择月" />
261
+ </el-form-item>
262
+ </el-form>
263
+ <span slot="footer" class="dialog-footer">
264
+ <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
265
+ <el-button size="small" type="primary" :loading="loadExp" @click="expExcelForm_two">
266
+ 导 出
267
+ </el-button>
268
+ </span>
269
+ </el-dialog>
270
+ <el-dialog v-if="unitType == '机构护理'" :close-on-click-modal="false" :close-on-press-escape="false" title="打印"
271
+ :visible.sync="expObjVisible" width="100%" :before-close="handleClose" top="3vh">
272
+ <div id="printDom1" ref="printDom1" class="exptable" border="1">
273
+ <div class="thead">
274
+ {{ expObj.orderYearMonth }}
275
+ </div>
276
+ <div class="tbody">
277
+ <div class="tr eight">
278
+ <div class="title eight_label">参保人姓名</div>
279
+ <div class="eight_label">{{ expObj.personName }}</div>
280
+ <div class="title eight_label">身份证</div>
281
+ <div class="eight_label">{{ expObj.personIdCode }}</div>
282
+ <div class="title eight_label">年龄</div>
283
+ <div>
284
+ {{ expObj.personAge }}
285
+ </div>
286
+ <div class="title eight_label">参保类型</div>
287
+ <div class="eight_label">{{ expObj.medicalType }}</div>
288
+
289
+ <div class="title eight_label">制表人</div>
290
+ <div class="eight_label">{{ expObj.unitName }}</div>
291
+ </div>
292
+ <div class="tr eight">
293
+ <div class="title eight_label">所属参保区划</div>
294
+ <div class="eight_label">{{ expObj.medicalCounty }}</div>
295
+ <div class="title eight_label">失能等级</div>
296
+ <div class="eight_label">{{ expObj.lv }}</div>
297
+ <div class="title eight_label">家属姓名</div>
298
+ <div class="eight_label">{{ expObj.familyName }}</div>
299
+ <!-- <div class="title eight_label" style="width: 750px;"></div> -->
300
+ <!-- <div class="eight_label">{{ expObj.totalPrice }}</div> -->
301
+ </div>
302
+ <div class="leftXuhao loop">
303
+ <div class="num">序号</div>
304
+ <div class="name">服务项目</div>
305
+ <div class="day headday">
306
+ <span>护理服务执行日期及次数</span>
307
+ <div class="forday">
308
+ <span v-for="i in 31" :key="i">{{ i }}日</span>
309
+ </div>
310
+ </div>
311
+ <div class="total">床日合计</div>
312
+ </div>
313
+ <div v-for="(item, index) in expObj.list" :key="index" class="tr loop">
314
+ <div class="num">{{ index + 1 }}</div>
315
+ <div class="name">{{ item.title }}</div>
316
+ <div class="day bodyday">
317
+ <div class="forday">
318
+ <template v-for="i in 31">
319
+ <span v-if="Array.isArray(item[`day${i}`])" :key="i">
320
+ <p v-for="(items, index) in item[`day${i}`]" :key="index" style="margin: 0;">
321
+ {{ items }}
322
+ </p>
323
+ </span>
324
+ <span v-else :key="i">{{ item[`day${i}`] }}</span>
325
+ </template>
326
+ </div>
327
+ </div>
328
+ <div class="total">{{ item.num }}</div>
329
+ </div>
330
+ </div>
331
+ <div class="handwriting">
332
+ <div class="name">协议服务机构负责人签字:</div>
333
+ <div class="day bodyday">家属确认签字按手印:</div>
334
+ </div>
335
+ <div class="handwriting">
336
+ <div class="name">盖章:</div>
337
+ <div class="day bodyday">日期:</div>
338
+ </div>
339
+ <div class="handwriting">
340
+ <div class="name">日期:</div>
341
+ </div>
342
+ </div>
343
+ <span slot="footer" class="dialog-footer">
344
+ <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
345
+ <el-button v-print="print" size="small" type="primary" :loading="loadExp" @click="onPrint">
346
+ 打 印
347
+ </el-button>
348
+ </span>
349
+ </el-dialog>
350
+ <el-dialog v-if="unitType == '居家护理'" :close-on-click-modal="false" :close-on-press-escape="false" title="打印"
351
+ :visible.sync="expObjVisible" width="100%" :before-close="handleClose" top="3vh">
352
+ <div id="printDom1" ref="printDom1" class="exptable" border="1">
353
+ <div class="thead">
354
+ {{ expObj.orderYearMonth }}
355
+ </div>
356
+ <div class="tbody">
357
+ <div class="tr eight">
358
+ <div class="title eight_label">参保人姓名</div>
359
+ <div class="eight_label">{{ expObj.personName }}</div>
360
+ <div class="title eight_label">身份证</div>
361
+ <div class="eight_label">{{ expObj.personIdCode }}</div>
362
+ <div class="title eight_label">年龄</div>
363
+ <div>
364
+ {{ expObj.personAge }}
365
+ </div>
366
+ <div class="title eight_label">参保类型</div>
367
+ <div class="eight_label">{{ expObj.medicalType }}</div>
368
+
369
+ <div class="title eight_label">制表人</div>
370
+ <div class="eight_label">{{ expObj.unitName }}</div>
371
+ </div>
372
+ <div class="tr eight">
373
+ <div class="title eight_label">所属参保区划</div>
374
+ <div class="eight_label">{{ expObj.medicalCounty }}</div>
375
+ <div class="title eight_label">失能等级</div>
376
+ <div class="eight_label">{{ expObj.lv }}</div>
377
+ <div class="title eight_label">家属姓名</div>
378
+ <div class="eight_label">{{ expObj.familyName }}</div>
379
+ <!-- <div class="title eight_label" style="width: 750px;"></div> -->
380
+ <!-- <div class="eight_label">{{ expObj.totalPrice }}</div> -->
381
+ </div>
382
+ <div class="leftXuhao loop">
383
+ <div class="num">序号</div>
384
+ <div class="name">服务项目</div>
385
+ <div class="day headday">
386
+ <span>护理服务执行日期及时长(分钟)</span>
387
+ <div class="forday">
388
+ <span v-for="i in 31" :key="i">{{ i }}日</span>
389
+ </div>
390
+ </div>
391
+ <!-- <div class="total">床日合计</div> -->
392
+ </div>
393
+ <div v-for="(item, index) in expObj.list" :key="index" class="tr loop">
394
+ <div class="num">{{ index + 1 }}</div>
395
+ <div class="name">{{ item.title }}</div>
396
+ <!-- 当月服务时长单元格合并显示 -->
397
+ <div v-if="item.title == '当月服务时长（小时）'" class="day bodyday merged-cell">
398
+ {{ item.num }}(小时)
399
+ </div>
400
+ <!-- 普通日期单元格 -->
401
+ <div v-else class="day bodyday">
402
+ <div class="forday">
403
+ <template v-for="i in 31">
404
+ <span v-if="Array.isArray(item[`day${i}`])" :key="i">
405
+ <p v-for="(items, index) in item[`day${i}`]" :key="index" style="margin: 0;">
406
+ {{ items }}
407
+ </p>
408
+ </span>
409
+ <span v-else :key="i">{{ item[`day${i}`] }}</span>
410
+ </template>
411
+ </div>
412
+ </div>
413
+ </div>
414
+ </div>
415
+ <div class="handwriting">
416
+ <div class="name">协议服务机构负责人签字:</div>
417
+ <div class="day bodyday">家属确认签字按手印:</div>
418
+ </div>
419
+ <div class="handwriting">
420
+ <div class="name">盖章:</div>
421
+ <div class="day bodyday">日期:</div>
422
+ </div>
423
+ <div class="handwriting">
424
+ <div class="name">日期:</div>
425
+ </div>
426
+ </div>
427
+ <span slot="footer" class="dialog-footer">
428
+ <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
429
+ <el-button v-print="print" size="small" type="primary" :loading="loadExp" @click="onPrint">
430
+ 打 印
431
+ </el-button>
432
+ </span>
433
+ </el-dialog>
434
+
435
+ <!-- 导出周期表格 2024-06-07 -->
436
+ <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" title="打印"
437
+ :visible.sync="dialogVisibleExpPrint" width="1200px" :before-close="handleClose">
438
+ <el-form :inline="true" class="demo-form-inline">
439
+ <el-form-item label="时间">
440
+ <el-date-picker v-model="startDate" type="month" value-format="yyyy-MM" placeholder="选择月" size="small"
441
+ @change="getExpPrint" />
442
+ </el-form-item>
443
+ </el-form>
444
+ <!--旧打印表格-->
445
+ <div v-if="startDate" id="printDom1" ref="printDom1" style="padding: 20px;">
446
+ <div style="font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px">
447
+ {{ expObjPrint.title }}
448
+ </div>
449
+ <div style="text-align: left; padding: 10px 0">
450
+ 结算周期{{ expObjPrint.jszqTime }}
451
+ </div>
452
+ <table border="1" cellspacing="0" cellpadding="5" style="width: 100%; border-collapse: collapse; text-align: center;">
453
+ <thead>
454
+ <tr>
455
+ <th rowspan="2" style="width: 50px;">个人编号</th>
456
+ <th rowspan="2">姓名</th>
457
+ <th rowspan="2">身份证</th>
458
+ <th rowspan="2">参保类型</th>
459
+ <th rowspan="2">护理类别</th>
460
+ <th rowspan="2">结算起始日期</th>
461
+ <th rowspan="2">结算中止日期</th>
462
+ <th rowspan="2" style="width: 50px;">服务次数</th>
463
+ <th rowspan="2">实际总金额</th>
464
+ <th rowspan="2">基金支付</th>
465
+ <th colspan="2">个人负担</th>
466
+ <th rowspan="2">不合理费用扣减</th>
467
+ </tr>
468
+ <tr>
469
+ <th>个人自费</th>
470
+ <th>个人自付</th>
471
+ </tr>
472
+ </thead>
473
+ <tbody>
474
+ <tr v-for="(item, index) in expObjPrint.list" :key="index">
475
+ <td>{{ index + 1 }}</td>
476
+ <td>{{ item.name }}</td>
477
+ <td>{{ item.idCode }}</td>
478
+ <td>{{ item.medicalType }}</td>
479
+ <td>{{ item.hlType }}</td>
480
+ <td>{{ item.startTime }}</td>
481
+ <td>{{ item.endTime }}</td>
482
+ <td>{{ item.clockNum }}</td>
483
+ <td>{{ item.accountTotal }}</td>
484
+ <td>{{ item.fundPrice }}</td>
485
+ <td>{{ item.fei }}</td>
486
+ <td>{{ item.fu }}</td>
487
+ <td>{{ item.bhl }}</td>
488
+ </tr>
489
+ <tr>
490
+ <td>合计</td>
491
+ <td></td>
492
+ <td></td>
493
+ <td></td>
494
+ <td></td>
495
+ <td></td>
496
+ <td></td>
497
+ <td></td>
498
+ <td>{{ totalAmount }}</td>
499
+ <td>{{ fundAmount }}</td>
500
+ <td colspan="2">{{ burdenAmount }}</td>
501
+ <td></td>
502
+ </tr>
503
+ </tbody>
504
+ </table>
505
+
506
+ <div class="handwriting" style="padding: 20px 0; display: flex; justify-content: space-between;">
507
+ <div style="text-align: left">
508
+ 护理服务机构负责人签字
509
+ </div>
510
+ <div style="text-align: left">
511
+ 承办单位审核人签字
512
+ </div>
513
+ <div style="text-align: left">
514
+ 经办单位复核人签字
515
+ </div>
516
+ </div>
517
+ <div class="handwriting" style="display: flex; justify-content: space-between;">
518
+ <div style="text-align: left">盖章</div>
519
+ <div style="text-align: left">盖章</div>
520
+ <div style="text-align: left">盖章</div>
521
+ </div>
522
+ </div>
523
+ <span slot="footer" class="dialog-footer">
524
+ <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
525
+ <el-button size="small" type="primary" :loading="loadExp" @click="onPrint">
526
+ 打 印
527
+ </el-button>
528
+ </span>
529
+ </el-dialog>
530
+
531
+ <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" title="新结算单打印"
532
+ :visible.sync="dialogVisibleExpPrint_two" width="100%" :before-close="handleClose">
533
+ <el-form :inline="true" class="demo-form-inline">
534
+ <el-form-item label="时间">
535
+ <el-date-picker v-model="startDate" type="month" value-format="yyyy-MM" placeholder="选择月" size="small"
536
+ @change="getExpPrint_new" />
537
+ </el-form-item>
538
+ </el-form>
539
+ <div v-if="startDate" id="printDom2" ref="printDom2" style="padding: 20px">
540
+ <div style="font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px">
541
+ {{ expObjPrintNew.title }}
542
+ </div>
543
+ <div style="text-align: left; margin-bottom: 10px; font-size: 12px">
544
+ 结算周期: {{ expObjPrintNew.jszqTime }}
545
+ </div>
546
+ <table border="1" cellspacing="0" cellpadding="5"
547
+ style="width:100%; border-collapse: collapse; font-size: 10px">
548
+ <thead>
549
+ <tr style="background-color: #f0f0f0">
550
+ <th>编号</th>
551
+ <th>姓名</th>
552
+ <th>身份证</th>
553
+ <th>重度等级</th>
554
+ <th>参保类型</th>
555
+ <th>护理类别</th>
556
+ <th>结算起始日期</th>
557
+ <th>结算中止日期</th>
558
+ <th>死亡时间</th>
559
+ <th>转出机构时间</th>
560
+ <th>基金支付</th>
561
+ <th>单价</th>
562
+ <th>重度服务时长</th>
563
+ <th>实际服务时长</th>
564
+ <th>统筹支付金额</th>
565
+ <th>参保地</th>
566
+ <th>护理员姓名</th>
567
+ <th>住院起始日期</th>
568
+ <th>是否当月新增</th>
569
+ <th>新增时间</th>
570
+ <th>参保人居住区域</th>
571
+ <th>参保人居住地址</th>
572
+ <th>备注</th>
573
+ </tr>
574
+ </thead>
575
+ <tbody>
576
+ <tr v-for="(item, index) in expObjPrintNew.list" :key="index">
577
+ <td style="width: 50px;">{{ item.familyNo }}</td>
578
+ <td style="width: 50px;">{{ item.familyName }}</td>
579
+ <td style="width: 50px;">{{ item.familyIdCode }}</td>
580
+ <td style="width: 50px;">{{ item.familyLv }}</td>
581
+ <td style="width: 50px;">{{ item.familyMedicalType }}</td>
582
+ <td style="width: 50px;">{{ item.unitType }}</td>
583
+ <td style="width: 50px;">{{ item.orderStartDate }}</td>
584
+ <td style="width: 50px;">{{ item.orderEndDate }}</td>
585
+ <td style="width: 50px;">{{ item.familyDieTime }}</td>
586
+ <td style="width: 50px;">{{ item.familyOutTime }}</td>
587
+ <td style="width: 50px;">{{ item.unitAccount }}</td>
588
+ <td style="width: 50px;">{{ item.dj }}</td>
589
+ <td style="width: 50px;">{{ item.fwsc }}</td>
590
+ <td style="width: 50px;">{{ item.sjfwsc }}</td>
591
+ <td style="width: 50px;">{{ item.unitAccount }}</td>
592
+ <td style="width: 50px;">{{ item.familyMedicalCounty }}</td>
593
+ <td style="width: 50px;">{{ item.personName }}</td>
594
+ <td style="width: 50px;">{{ item.familyZYTime }}</td>
595
+ <td style="width: 50px;">{{ item.dyxz }}</td>
596
+ <td style="width: 50px;">{{ item.familyCreateTime }}</td>
597
+ <td style="width: 50px;">{{ item.familyCounty }}</td>
598
+ <td style="width: 50px;">{{ item.familyAddress }}</td>
599
+ <td style="width: 50px;">{{ item.bz }}</td>
600
+ </tr>
601
+ </tbody>
602
+ </table>
603
+
604
+ <div style="margin-top: 20px; padding: 10px 0">
605
+ <div style="display: flex; margin-bottom: 10px">
606
+ <div style="flex: 1">护理服务机构负责人签字:_______________</div>
607
+ <div style="flex: 1">承办单位审核人签字:_______________</div>
608
+ </div>
609
+ <div style="display: flex">
610
+ <div style="flex: 1">盖章:</div>
611
+ <!-- <div style="flex: 1">盖章:_______________</div> -->
612
+ </div>
613
+ </div>
614
+ </div>
615
+ <span slot="footer" class="dialog-footer">
616
+ <el-button size="small" :loading="loadExp" @click="handleClose">取 消</el-button>
617
+ <el-button size="small" type="primary" :loading="loadExp" @click="onPrinttwo">打 印</el-button>
618
+ </span>
619
+ </el-dialog>
620
+
621
+ </div>
622
+ </template>
623
+
624
+ <script>
625
+ import {
626
+ WxSettlementPage,
627
+ revokepsnsetlThird,
628
+ wxSettlementInfo,
629
+ wxSettlementStatisticInfo,
630
+ wxSettlementStatisticInfoNew,
631
+ ClockInfo,
632
+ ClockJsInfo,
633
+ JSInfoNew
634
+ } from '@/api/settlement'
635
+ import { SysUnitAll, WxUserFamilyAll } from '@/api/institution'
636
+ import Pagination from '@/components/Pagination' // secondary package based on el-pagination
637
+ export default {
638
+ name: 'Personnel',
639
+ components: { Pagination },
640
+ filters: {},
641
+ data() {
642
+ return {
643
+
644
+ unitType: null,
645
+ // 时间
646
+ time: null,
647
+ institutionList: [],
648
+ customerData: [],
649
+ startDate: '',
650
+ loadExp: false,
651
+ dialogVisibleExp: false,
652
+ dialogVisibleExp_two: false,
653
+ dialogStatus: '',
654
+ textMap: { update: '详情', create: '创建' },
655
+ tableKey: 0,
656
+ list: null,
657
+ total: 0,
658
+ listLoading: true,
659
+ listQuery: {
660
+ pageNo: 1,
661
+ size: 20
662
+ },
663
+ dialogFormVisible: false,
664
+ dialogPvVisible: false,
665
+ rules: {
666
+ status: [
667
+ { required: true, message: '请选择审批状态', trigger: 'change' }
668
+ ],
669
+ name: [{ required: true, message: '请输入机构名称', trigger: 'blur' }],
670
+ city: [{ required: true, message: '请输入行政区划', trigger: 'blur' }],
671
+ county: [
672
+ { required: true, message: '请输入所属辖区', trigger: 'blur' }
673
+ ],
674
+ address: [
675
+ { required: true, message: '请输入护理机构地址', trigger: 'blur' }
676
+ ],
677
+ linkMan: [{ required: true, message: '请输入联系人', trigger: 'blur' }],
678
+ linkPhoneNumber: [
679
+ { required: true, message: '请输入联系号码', trigger: 'blur' }
680
+ ]
681
+ },
682
+ temp: {},
683
+ downloadLoading: false,
684
+ expObj: {},
685
+ expObjPrint: {},
686
+ expObjPrintNew: {},
687
+ expObjVisible: false,
688
+ dialogVisibleExpPrint: false,
689
+ dialogVisibleExpPrint_two: false
690
+ }
691
+ },
692
+ computed: {
693
+ totalAmount() {
694
+ let accountTotal = 0
695
+ if (!Object.keys(this.expObjPrint).length == 0) {
696
+ for (let i = 0; i < this.expObjPrint.list.length; i++) {
697
+ accountTotal += this.expObjPrint.list[i].accountTotal
698
+ }
699
+ }
700
+ return accountTotal.toFixed(1) || 0
701
+ },
702
+ fundAmount() {
703
+ let fundPrice = 0
704
+ if (!Object.keys(this.expObjPrint).length == 0) {
705
+ for (let i = 0; i < this.expObjPrint.list.length; i++) {
706
+ fundPrice += this.expObjPrint.list[i].fundPrice
707
+ }
708
+ }
709
+ return fundPrice.toFixed(1) || 0
710
+ },
711
+ burdenAmount() {
712
+ let amount = 0
713
+ if (!Object.keys(this.expObjPrint).length == 0) {
714
+ for (let i = 0; i < this.expObjPrint.list.length; i++) {
715
+ amount += this.expObjPrint.list[i].fei + this.expObjPrint.list[i].fu
716
+ }
717
+ }
718
+ return amount.toFixed(1) || 0
719
+ }
720
+ },
721
+ created() {
722
+ this.getList()
723
+ },
724
+ methods: {
725
+ changeTime(value) {
726
+ this.listQuery.orderStartDate = value[0]
727
+ this.listQuery.orderEndDate = value[1]
728
+ },
729
+ /**
730
+ * 打印
731
+ */
732
+ onPrint() {
733
+ this.$print(this.$refs.printDom1)
734
+ },
735
+ onPrinttwo(){
736
+ this.$print(this.$refs.printDom2)
737
+ },
738
+ getExpPrint(v) {
739
+ ClockJsInfo({ yearMonth: v }).then((res) => {
740
+ console.log(res)
741
+ if (res.status === 1) {
742
+ this.expObjPrint = res.result
743
+ }
744
+ })
745
+ },
746
+ getExpPrint_new(v) {
747
+ JSInfoNew({ yearMonth: v }).then((res) => {
748
+ console.log(res)
749
+ if (res.status === 1) {
750
+ this.expObjPrintNew = res.result
751
+ }
752
+ })
753
+ },
754
+ expExcel3(row) {
755
+ this.dialogVisibleExpPrint = true
756
+ this.startDate = ''
757
+ },
758
+ expExcel4(row) {
759
+ this.dialogVisibleExpPrint_two = true
760
+ this.startDate = ''
761
+ },
762
+ expExcel2(row) {
763
+ ClockInfo({ orderNo: row.orderNo }).then((res) => {
764
+ if (res.status === 1) {
765
+ this.unitType = res.result.unitType
766
+ const result = {}
767
+ const lastElement = res.result.list[res.result.list.length - 1]
768
+ for (const key in lastElement) {
769
+ if (typeof lastElement[key] === 'string' && lastElement[key].includes('-')) {
770
+ result[key] = lastElement[key].split(/-/)
771
+ } else {
772
+ result[key] = lastElement[key]
773
+ }
774
+ }
775
+ res.result.list[res.result.list.length - 1] = result
776
+ this.expObj = res.result
777
+ this.expObjVisible = true
778
+ }
779
+ })
780
+ },
781
+ expExcel(row) {
782
+ wxSettlementInfo({ id: row.id, orderNo: row.orderNo }).then((res) => {
783
+ const blob = new Blob([res])
784
+ const fileName = '结算信息导出'
785
+ if (blob.size > 0) {
786
+ const elink = document.createElement('a')
787
+ elink.style.display = 'none'
788
+ elink.href = URL.createObjectURL(blob)
789
+ // 类似a标签下载
790
+ // 自定义文件名称和导出类型。最好和后台保持一致
791
+ elink.download = `${fileName}/${this.$moment().format(
792
+ 'YYYY-MM-DD'
793
+ )}.xlsx`
794
+ document.body.appendChild(elink)
795
+ elink.click()
796
+ // 释放URL 对象
797
+ URL.revokeObjectURL(elink.href)
798
+ // 删除创建的 a 标签
799
+ document.body.removeChild(elink)
800
+ }
801
+ })
802
+ },
803
+ expExcelForm_two() {
804
+ try {
805
+ this.loadExp = true
806
+ const form = {
807
+ yearMonth: this.startDate
808
+ // endDate: this.startDate[1],
809
+ }
810
+ wxSettlementStatisticInfoNew(form)
811
+ .then((res) => {
812
+ const blob = new Blob([res])
813
+ const fileName = '新结算统计导出'
814
+ if (blob.size > 0) {
815
+ const elink = document.createElement('a')
816
+ elink.style.display = 'none'
817
+ elink.href = URL.createObjectURL(blob)
818
+ // 类似a标签下载
819
+ // 自定义文件名称和导出类型。最好和后台保持一致
820
+ elink.download = `${fileName}/${this.$moment().format(
821
+ 'YYYY-MM-DD'
822
+ )}.xlsx`
823
+ document.body.appendChild(elink)
824
+ elink.click()
825
+ // 释放URL 对象
826
+ URL.revokeObjectURL(elink.href)
827
+ // 删除创建的 a 标签
828
+ document.body.removeChild(elink)
829
+ }
830
+ this.handleClose()
831
+ this.loadExp = false
832
+ })
833
+ .catch(() => {
834
+ this.loadExp = false
835
+ })
836
+ } catch (e) {
837
+ this.loadExp = false
838
+ console.log(e)
839
+ }
840
+ },
841
+ expExcelForm() {
842
+ try {
843
+ this.loadExp = true
844
+ const form = {
845
+ yearMonth: this.startDate
846
+ // endDate: this.startDate[1],
847
+ }
848
+ wxSettlementStatisticInfo(form)
849
+ .then((res) => {
850
+ const blob = new Blob([res])
851
+ const fileName = '结算统计导出'
852
+ if (blob.size > 0) {
853
+ const elink = document.createElement('a')
854
+ elink.style.display = 'none'
855
+ elink.href = URL.createObjectURL(blob)
856
+ // 类似a标签下载
857
+ // 自定义文件名称和导出类型。最好和后台保持一致
858
+ elink.download = `${fileName}/${this.$moment().format(
859
+ 'YYYY-MM-DD'
860
+ )}.xlsx`
861
+ document.body.appendChild(elink)
862
+ elink.click()
863
+ // 释放URL 对象
864
+ URL.revokeObjectURL(elink.href)
865
+ // 删除创建的 a 标签
866
+ document.body.removeChild(elink)
867
+ }
868
+ this.handleClose()
869
+ this.loadExp = false
870
+ })
871
+ .catch(() => {
872
+ this.loadExp = false
873
+ })
874
+ } catch (e) {
875
+ this.loadExp = false
876
+ console.log(e)
877
+ }
878
+ },
879
+ handleClose() {
880
+ this.dialogVisibleExp = false
881
+ this.dialogVisibleExp_two = false
882
+ this.expObjVisible = false
883
+ this.dialogVisibleExpPrint = false
884
+ this.dialogVisibleExpPrint_two = false
885
+ this.expObj = {}
886
+ this.expObjPrint = {}
887
+ this.startDate = ''
888
+ },
889
+ // 撤销
890
+ revoke(row) {
891
+ revokepsnsetlThird({ trtSetlId: row.trtSetlId }).then((res) => {
892
+ if (res.status == 1) {
893
+ this.getList()
894
+ this.$notify({
895
+ title: '提示',
896
+ message: '撤销成功',
897
+ type: 'success',
898
+ duration: 2000
899
+ })
900
+ } else {
901
+ this.$notify({
902
+ title: '提示',
903
+ message: res.info,
904
+ type: 'error',
905
+ duration: 2000
906
+ })
907
+ }
908
+ })
909
+ },
910
+ getList() {
911
+ this.listLoading = true
912
+ WxSettlementPage(this.listQuery).then((response) => {
913
+ this.list = response.result.data
914
+ this.total = response.result.count
915
+ setTimeout(() => {
916
+ this.listLoading = false
917
+ }, 1.5 * 1000)
918
+ })
919
+ SysUnitAll().then((res) => {
920
+ this.institutionList = res.result.map((item) => {
921
+ return { label: item.name, value: item.id }
922
+ })
923
+ })
924
+ WxUserFamilyAll().then((res) => {
925
+ this.customerData = res.result.map((item) => {
926
+ return { label: item.name, value: item.id }
927
+ })
928
+ })
929
+ },
930
+ handleModifyStatus(row, status) {
931
+ this.$message({
932
+ message: '操作成功',
933
+ type: 'success'
934
+ })
935
+ row.status = status
936
+ },
937
+ resetting(formName) {
938
+ this.$nextTick(() => {
939
+ this.$refs[formName].resetFields()
940
+ this.getList()
941
+ })
942
+ },
943
+ add() {
944
+ this.dialogStatus = 'create'
945
+ this.dialogFormVisible = true
946
+ this.temp = {}
947
+ },
948
+ onSubmit() {
949
+ this.getList()
950
+ },
951
+ createData() {
952
+ this.$refs['dataForm'].validate((valid) => {
953
+ if (valid) {
954
+ SysUnitSave(this.temp).then((res) => {
955
+ if (res.status == 1) {
956
+ this.dialogFormVisible = false
957
+ this.getList()
958
+ this.$notify({
959
+ title: res.info,
960
+ message: '新增成功',
961
+ type: 'success',
962
+ duration: 2000
963
+ })
964
+ return
965
+ }
966
+ this.$notify({
967
+ title: res.info,
968
+ message: '新增失败',
969
+ type: 'error',
970
+ duration: 2000
971
+ })
972
+ })
973
+ }
974
+ })
975
+ },
976
+ updateData() {
977
+ this.$refs['dataForm'].validate((valid) => {
978
+ if (valid) {
979
+ WxClockApplyApprove(this.temp).then((res) => {
980
+ if (res.status == 1) {
981
+ this.dialogFormVisible = false
982
+ this.getList()
983
+ this.$notify({
984
+ title: res.info,
985
+ message: '更新成功',
986
+ type: 'success',
987
+ duration: 2000
988
+ })
989
+ return
990
+ }
991
+ this.$notify({
992
+ title: res.info,
993
+ message: '更新失败',
994
+ type: 'error',
995
+ duration: 2000
996
+ })
997
+ })
998
+ }
999
+ })
1000
+ },
1001
+ edit(row) {
1002
+ this.temp = row
1003
+ this.dialogStatus = 'update'
1004
+ this.dialogFormVisible = true
1005
+ },
1006
+ handleDelete(row, index) {
1007
+ WxClockApplyDel({ id: row.id }).then((res) => {
1008
+ if (res.status == 1) {
1009
+ this.getList()
1010
+ this.$notify({
1011
+ title: res.info,
1012
+ message: '删除成功',
1013
+ type: 'success',
1014
+ duration: 2000
1015
+ })
1016
+ return
1017
+ }
1018
+ this.$notify({
1019
+ title: res.info,
1020
+ message: '删除失败',
1021
+ type: 'error',
1022
+ duration: 2000
1023
+ })
1024
+ })
1025
+ // this.list.splice(index, 1)
1026
+ }
1027
+ }
1028
+ }
1029
+ </script>
1030
+ <style lang="scss" scoped>
1031
+ .el-col-12 {
1032
+ padding: 0 20px 0 0;
1033
+ }
1034
+
1035
+ .exptable {
1036
+ font-size: 9px;
1037
+ text-align: center;
1038
+ width: 100%;
1039
+
1040
+ // line-height: 26px;
1041
+ .leftXuhao {
1042
+ display: flex;
1043
+ border-bottom: 1px solid #333;
1044
+
1045
+ div {
1046
+ display: flex;
1047
+ align-items: center;
1048
+ justify-content: center;
1049
+ border-right: 1px solid #333;
1050
+ }
1051
+ }
1052
+
1053
+ .thead {
1054
+ // border: 1px solid #333;
1055
+ border-bottom: 0;
1056
+ color: #000;
1057
+ padding: 8px 0;
1058
+ }
1059
+
1060
+ .tbody {
1061
+ border: 1px solid #333;
1062
+ font-size: 8px;
1063
+ }
1064
+
1065
+ .tr {
1066
+ display: flex;
1067
+ border-bottom: 1px solid #333;
1068
+ color: #111;
1069
+
1070
+ div {
1071
+ // flex: 1;
1072
+ display: flex;
1073
+ align-items: center;
1074
+ justify-content: center;
1075
+ border-right: 1px solid #333;
1076
+ // padding: 5px 2px;
1077
+ }
1078
+
1079
+ .bodyday {
1080
+ flex: 1;
1081
+ }
1082
+
1083
+ div:last-child {
1084
+ border-right: 0;
1085
+ }
1086
+ }
1087
+
1088
+ .eight div {
1089
+ flex: 1;
1090
+ // width: calc((100% - 120px * 8) / 8);
1091
+ padding: 5px 0;
1092
+ }
1093
+
1094
+ .eight .title {
1095
+ width: 110px;
1096
+ flex: none;
1097
+ }
1098
+
1099
+ .tr:last-child {
1100
+ border-bottom: 0;
1101
+ }
1102
+
1103
+ .loop {
1104
+ .num {
1105
+ width: 22px !important;
1106
+ }
1107
+
1108
+ .total {
1109
+ width: 23px;
1110
+ padding: 5px 0;
1111
+ }
1112
+
1113
+ // .day {
1114
+ // width: calc(27px * 27);
1115
+ // }
1116
+ .name {
1117
+ // flex: 1;
1118
+ padding: 5px 0;
1119
+ // width: 300px !important;
1120
+ flex: 0.1;
1121
+ }
1122
+
1123
+ .headday {
1124
+ flex-flow: column;
1125
+ flex: 1;
1126
+
1127
+ .forday {
1128
+ border-top: 1px solid #333;
1129
+ }
1130
+ }
1131
+
1132
+ .day span {
1133
+ padding: 10px 0;
1134
+ }
1135
+
1136
+ .forday {
1137
+ display: table;
1138
+ width: 100%;
1139
+
1140
+ // height: 100%;
1141
+ span {
1142
+ display: table-cell;
1143
+ vertical-align: middle;
1144
+ border-right: 1px solid #333;
1145
+ width: 23px;
1146
+ height: 100%;
1147
+ overflow: hidden;
1148
+ word-wrap: break-word;
1149
+ word-break: break-all;
1150
+ }
1151
+
1152
+ span:last-child {
1153
+ border-right: 0;
1154
+ }
1155
+ }
1156
+ }
1157
+ }
1158
+
1159
+ .aa {
1160
+ // height: 88px;
1161
+ }
1162
+
1163
+ .handwriting {
1164
+ display: flex;
1165
+
1166
+ div {
1167
+ text-align: right;
1168
+ padding: 5px 0;
1169
+ }
1170
+
1171
+ .name {
1172
+ margin-left: 60px;
1173
+ width: 120px;
1174
+ }
1175
+
1176
+ .bodyday {
1177
+ width: 60%;
1178
+ margin-right: 60px;
1179
+ }
1180
+ }
1181
+
1182
+ .exptableprint {
1183
+ font-size: 11px;
1184
+
1185
+ .tbody {
1186
+ font-size: 10px;
1187
+ }
1188
+ }
1189
+
1190
+ /* 打印样式 - 修复el-table打印时列宽问题 */
1191
+ @media print {
1192
+
1193
+ /* 强制设置表格列宽为auto，让内容正常显示 */
1194
+ .el-table__header-wrapper,
1195
+ .el-table__body-wrapper {
1196
+ overflow: visible !important;
1197
+ }
1198
+
1199
+ .el-table__header,
1200
+ .el-table__body {
1201
+ width: 100% !important;
1202
+ }
1203
+
1204
+ .el-table th,
1205
+ .el-table td {
1206
+ width: auto !important;
1207
+ min-width: 80px !important;
1208
+ max-width: none !important;
1209
+ white-space: normal !important;
1210
+ word-wrap: break-word !important;
1211
+ overflow: visible !important;
1212
+ }
1213
+
1214
+ .el-table__fixed,
1215
+ .el-table__fixed-right {
1216
+ display: none !important;
1217
+ }
1218
+
1219
+ /* 隐藏不需要打印的元素 */
1220
+ .dialog-footer,
1221
+ .el-dialog__header {
1222
+ display: none !important;
1223
+ }
1224
+
1225
+ /* 确保打印时表格宽度100% */
1226
+ .el-table {
1227
+ width: 100% !important;
1228
+ table-layout: auto !important;
1229
+ }
1230
+
1231
+ .el-table__body {
1232
+ table-layout: auto !important;
1233
+ }
1234
+ }
1235
+ </style>