|
@@ -79,6 +79,7 @@
|
79
|
79
|
<th width="9%">透析号</th>
|
80
|
80
|
<th width="10%">排班时间</th>
|
81
|
81
|
<th width="10%">透析模式</th>
|
|
82
|
+ <th width="10%">透析器</th>
|
82
|
83
|
<th width="9%">目标超滤量</th>
|
83
|
84
|
<th width="10%">体重(透前/透后)</th>
|
84
|
85
|
<th width="28%">监控预警(血压/心率)</th>
|
|
@@ -86,25 +87,19 @@
|
86
|
87
|
</table>
|
87
|
88
|
|
88
|
89
|
<table
|
89
|
|
- class="table"
|
90
|
|
- v-for="(items, index) in dialysis_scheduals"
|
91
|
|
- :key="index"
|
92
|
|
- >
|
|
90
|
+ class="table" v-for="(items, index) in dialysis_scheduals" :key="index" >
|
93
|
91
|
<tr v-if="items.zone_name.length > 0">
|
94
|
92
|
<td width="8%">{{ items.zone_name }}</td>
|
95
|
93
|
<td width="6%"></td>
|
96
|
94
|
<td width="9%"></td>
|
97
|
95
|
<td width="10%"></td>
|
98
|
96
|
<td width="10%"></td>
|
|
97
|
+ <td width="10%"> </td>
|
99
|
98
|
<td width="9%"></td>
|
100
|
99
|
<td width="10%"></td>
|
101
|
100
|
<td width="28%"></td>
|
102
|
101
|
</tr>
|
103
|
|
- <tr
|
104
|
|
- v-for="(item, index) in items.scheduals"
|
105
|
|
- :key="index"
|
106
|
|
- @click="clickfunction(item)"
|
107
|
|
- >
|
|
102
|
+ <tr v-for="(item, index) in items.scheduals" :key="index" @click="clickfunction(item)" >
|
108
|
103
|
<td width="8%" style="color:#409eff;">{{ item.patient.name }}</td>
|
109
|
104
|
<td width="6%">
|
110
|
105
|
{{
|
|
@@ -119,13 +114,8 @@
|
119
|
114
|
{{ parseTime(item.schedule_date, "{y}-{m}-{d}") }}
|
120
|
115
|
</td>
|
121
|
116
|
<td width="10%">{{ item.treatment_mode.name }}</td>
|
122
|
|
- <td width="9%">
|
123
|
|
- {{
|
124
|
|
- item.prescription.target_ultrafiltration
|
125
|
|
- ? item.prescription.target_ultrafiltration
|
126
|
|
- : ""
|
127
|
|
- }}
|
128
|
|
- </td>
|
|
117
|
+ <td width="10%">{{ item.prescription.dialyzer_perfusion_apparatus }}</td>
|
|
118
|
+ <td width="9%"> {{ item.prescription.target_ultrafiltration ? item.prescription.target_ultrafiltration : "" }} </td>
|
129
|
119
|
<td width="10%">
|
130
|
120
|
{{
|
131
|
121
|
item.assessment_before_dislysis.weight_before
|
|
@@ -242,24 +232,24 @@
|
242
|
232
|
</template>
|
243
|
233
|
|
244
|
234
|
<script>
|
245
|
|
-import SideBar from "@/pages/layout/SideBar";
|
246
|
|
-import Divider from "vux/src/components/divider/index";
|
247
|
|
-import { getMonitorList, GetAllZone, getPatientMonitors } from "@/api/monitor";
|
248
|
|
-import { parseTime } from "@/utils";
|
249
|
|
-import { Toast } from "vant";
|
|
235
|
+import SideBar from '@/pages/layout/SideBar'
|
|
236
|
+import Divider from 'vux/src/components/divider/index'
|
|
237
|
+import { getMonitorList, GetAllZone, getPatientMonitors } from '@/api/monitor'
|
|
238
|
+import { parseTime } from '@/utils'
|
|
239
|
+import { Toast } from 'vant'
|
250
|
240
|
|
251
|
241
|
export default {
|
252
|
|
- name: "MonitoringIndex",
|
253
|
|
- created() {
|
|
242
|
+ name: 'MonitoringIndex',
|
|
243
|
+ created () {
|
254
|
244
|
this.queryParams.date = this.parseTime(
|
255
|
245
|
new Date().getTime() / 1000,
|
256
|
|
- "{y}-{m}-{d}"
|
257
|
|
- );
|
258
|
|
- this.queryParams.partition = this.partition;
|
259
|
|
- this.getMonitor(this.queryParams);
|
260
|
|
- this.GetAllZone();
|
|
246
|
+ '{y}-{m}-{d}'
|
|
247
|
+ )
|
|
248
|
+ this.queryParams.partition = this.partition
|
|
249
|
+ this.getMonitor(this.queryParams)
|
|
250
|
+ this.GetAllZone()
|
261
|
251
|
},
|
262
|
|
- data() {
|
|
252
|
+ data () {
|
263
|
253
|
return {
|
264
|
254
|
loading: false,
|
265
|
255
|
finished: false,
|
|
@@ -272,137 +262,137 @@ export default {
|
272
|
262
|
partition: 0,
|
273
|
263
|
queryParams: {
|
274
|
264
|
date: new Date(),
|
275
|
|
- partition: ""
|
|
265
|
+ partition: ''
|
276
|
266
|
},
|
277
|
|
- patient_keyword: "",
|
|
267
|
+ patient_keyword: '',
|
278
|
268
|
search_page: 1
|
279
|
|
- };
|
|
269
|
+ }
|
280
|
270
|
},
|
281
|
271
|
methods: {
|
282
|
|
- clickfunction: function(val) {
|
|
272
|
+ clickfunction: function (val) {
|
283
|
273
|
this.$router.push({
|
284
|
|
- path: "/details",
|
|
274
|
+ path: '/details',
|
285
|
275
|
query: {
|
286
|
276
|
patient_id: val.patient_id,
|
287
|
277
|
date: val.schedule_date,
|
288
|
278
|
patient_name: val.patient.name
|
289
|
279
|
}
|
290
|
|
- });
|
|
280
|
+ })
|
291
|
281
|
},
|
292
|
|
- getMonitor: function(queryParams) {
|
293
|
|
- this.search_page = 1;
|
294
|
|
- this.patient_keyword = "";
|
|
282
|
+ getMonitor: function (queryParams) {
|
|
283
|
+ this.search_page = 1
|
|
284
|
+ this.patient_keyword = ''
|
295
|
285
|
|
296
|
|
- this.loading = true;
|
297
|
|
- this.finished = false;
|
298
|
|
- this.dialysis_scheduals = [];
|
|
286
|
+ this.loading = true
|
|
287
|
+ this.finished = false
|
|
288
|
+ this.dialysis_scheduals = []
|
299
|
289
|
getMonitorList(queryParams).then(response => {
|
300
|
|
- this.loading = false;
|
301
|
|
- this.finished = true;
|
|
290
|
+ this.loading = false
|
|
291
|
+ this.finished = true
|
302
|
292
|
if (response.data.state == 0) {
|
303
|
|
- return false;
|
|
293
|
+ return false
|
304
|
294
|
} else {
|
305
|
|
- var scheduals = response.data.data.monitor;
|
306
|
|
- var zoneMap = {};
|
307
|
|
- var schedualMap = {};
|
|
295
|
+ var scheduals = response.data.data.monitor
|
|
296
|
+ var zoneMap = {}
|
|
297
|
+ var schedualMap = {}
|
308
|
298
|
|
309
|
299
|
for (let index = 0; index < scheduals.length; index++) {
|
310
|
|
- const schedual = scheduals[index];
|
|
300
|
+ const schedual = scheduals[index]
|
311
|
301
|
if (schedualMap[schedual.device_zone.name] == null) {
|
312
|
|
- schedualMap[schedual.device_zone.name] = [];
|
|
302
|
+ schedualMap[schedual.device_zone.name] = []
|
313
|
303
|
}
|
314
|
|
- schedualMap[schedual.device_zone.name].push(schedual);
|
|
304
|
+ schedualMap[schedual.device_zone.name].push(schedual)
|
315
|
305
|
if (zoneMap[schedual.device_zone.name] == null) {
|
316
|
|
- zoneMap[schedual.device_zone.name] = schedual.device_zone;
|
|
306
|
+ zoneMap[schedual.device_zone.name] = schedual.device_zone
|
317
|
307
|
}
|
318
|
308
|
}
|
319
|
309
|
|
320
|
|
- var zones = [];
|
321
|
|
- zones.push({ value: 0, text: "全部分区" });
|
|
310
|
+ var zones = []
|
|
311
|
+ zones.push({ value: 0, text: '全部分区' })
|
322
|
312
|
for (var zoneName in zoneMap) {
|
323
|
|
- zones.push({ value: zoneMap[zoneName].id, text: zoneName });
|
|
313
|
+ zones.push({ value: zoneMap[zoneName].id, text: zoneName })
|
324
|
314
|
}
|
325
|
|
- zones = zones.sort(function(a, b) {
|
326
|
|
- return a.value > b.value;
|
327
|
|
- });
|
328
|
|
- this.zones = zones;
|
|
315
|
+ zones = zones.sort(function (a, b) {
|
|
316
|
+ return a.value > b.value
|
|
317
|
+ })
|
|
318
|
+ this.zones = zones
|
329
|
319
|
|
330
|
|
- var dialysis_scheduals = [];
|
|
320
|
+ var dialysis_scheduals = []
|
331
|
321
|
for (let index = 0; index < zones.length; index++) {
|
332
|
|
- const zone = zones[index];
|
333
|
|
- var scheduals = schedualMap[zone.text];
|
|
322
|
+ const zone = zones[index]
|
|
323
|
+ var scheduals = schedualMap[zone.text]
|
334
|
324
|
if (scheduals == null) {
|
335
|
|
- continue;
|
|
325
|
+ continue
|
336
|
326
|
}
|
337
|
327
|
dialysis_scheduals.push({
|
338
|
328
|
zone_name: zone.text,
|
339
|
329
|
scheduals: scheduals
|
340
|
|
- });
|
|
330
|
+ })
|
341
|
331
|
}
|
342
|
|
- this.dialysis_scheduals = dialysis_scheduals;
|
|
332
|
+ this.dialysis_scheduals = dialysis_scheduals
|
343
|
333
|
// console.log(this.dialysis_scheduals);
|
344
|
334
|
}
|
345
|
|
- });
|
|
335
|
+ })
|
346
|
336
|
},
|
347
|
|
- parseTime(time, layout) {
|
348
|
|
- return parseTime(time, layout);
|
|
337
|
+ parseTime (time, layout) {
|
|
338
|
+ return parseTime(time, layout)
|
349
|
339
|
},
|
350
|
|
- openPicker: function() {
|
351
|
|
- this.$refs.date_picker.open();
|
|
340
|
+ openPicker: function () {
|
|
341
|
+ this.$refs.date_picker.open()
|
352
|
342
|
},
|
353
|
|
- handleDateConfirm: function(val) {
|
354
|
|
- this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
|
355
|
|
- this.queryParams.partition = this.partition;
|
|
343
|
+ handleDateConfirm: function (val) {
|
|
344
|
+ this.queryParams.date = this.parseTime(this.date / 1000, '{y}-{m}-{d}')
|
|
345
|
+ this.queryParams.partition = this.partition
|
356
|
346
|
|
357
|
|
- this.getMonitor(this.queryParams);
|
|
347
|
+ this.getMonitor(this.queryParams)
|
358
|
348
|
},
|
359
|
|
- partitionName: function(val) {
|
|
349
|
+ partitionName: function (val) {
|
360
|
350
|
for (let i = 0; i < this.partitionArr.length; i++) {
|
361
|
351
|
if (this.partitionArr[i].id == val) {
|
362
|
|
- return this.partitionArr[i].name;
|
|
352
|
+ return this.partitionArr[i].name
|
363
|
353
|
}
|
364
|
354
|
}
|
365
|
355
|
},
|
366
|
|
- GetAllZone: function() {
|
|
356
|
+ GetAllZone: function () {
|
367
|
357
|
GetAllZone().then(response => {
|
368
|
358
|
if (response.data.state == 0) {
|
369
|
|
- return false;
|
|
359
|
+ return false
|
370
|
360
|
} else {
|
371
|
|
- this.partitionArr = response.data.data.zone;
|
372
|
|
- this.partitionArr.unshift({ id: 0, name: "全部分区" });
|
|
361
|
+ this.partitionArr = response.data.data.zone
|
|
362
|
+ this.partitionArr.unshift({ id: 0, name: '全部分区' })
|
373
|
363
|
}
|
374
|
|
- });
|
|
364
|
+ })
|
375
|
365
|
},
|
376
|
|
- itemClick: function(id) {
|
377
|
|
- this.partition = id;
|
378
|
|
- this.visible = false;
|
|
366
|
+ itemClick: function (id) {
|
|
367
|
+ this.partition = id
|
|
368
|
+ this.visible = false
|
379
|
369
|
|
380
|
|
- this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
|
381
|
|
- this.queryParams.partition = this.partition;
|
382
|
|
- this.getMonitor(this.queryParams);
|
|
370
|
+ this.queryParams.date = this.parseTime(this.date / 1000, '{y}-{m}-{d}')
|
|
371
|
+ this.queryParams.partition = this.partition
|
|
372
|
+ this.getMonitor(this.queryParams)
|
383
|
373
|
},
|
384
|
|
- monitorBloodPressureStatus: function(val) {
|
385
|
|
- let status = 0;
|
|
374
|
+ monitorBloodPressureStatus: function (val) {
|
|
375
|
+ let status = 0
|
386
|
376
|
if (val.length == 0) {
|
387
|
|
- return 0;
|
|
377
|
+ return 0
|
388
|
378
|
}
|
389
|
379
|
for (let i = 0; i < val.length; i++) {
|
390
|
|
- //舒张压(低压)(diastolic_blood_pressure) 收缩压(高压)(systolic_blood_pressure)
|
|
380
|
+ // 舒张压(低压)(diastolic_blood_pressure) 收缩压(高压)(systolic_blood_pressure)
|
391
|
381
|
if (
|
392
|
382
|
val[i].systolic_blood_pressure >= 140 ||
|
393
|
383
|
val[i].diastolic_blood_pressure >= 90
|
394
|
384
|
) {
|
395
|
|
- status = 3; //高压
|
|
385
|
+ status = 3 // 高压
|
396
|
386
|
} else if (
|
397
|
387
|
val[i].diastolic_blood_pressure < 60 ||
|
398
|
388
|
val[i].systolic_blood_pressure < 90
|
399
|
389
|
) {
|
400
|
|
- status = 1; //低压
|
|
390
|
+ status = 1 // 低压
|
401
|
391
|
} else if (
|
402
|
392
|
val[i].diastolic_blood_pressure >= 60 ||
|
403
|
393
|
val[i].systolic_blood_pressure < 140
|
404
|
394
|
) {
|
405
|
|
- status = 2; //正常
|
|
395
|
+ status = 2 // 正常
|
406
|
396
|
}
|
407
|
397
|
|
408
|
398
|
// if ( val[i].diastolic_blood_pressure < 60 | val[i].systolic_blood_pressure < 90 ) {
|
|
@@ -420,74 +410,74 @@ export default {
|
420
|
410
|
// }
|
421
|
411
|
}
|
422
|
412
|
|
423
|
|
- return status;
|
|
413
|
+ return status
|
424
|
414
|
},
|
425
|
|
- monitorRateStatus: function(val) {
|
426
|
|
- let status = 0;
|
|
415
|
+ monitorRateStatus: function (val) {
|
|
416
|
+ let status = 0
|
427
|
417
|
if (val.length == 0) {
|
428
|
|
- return 0;
|
|
418
|
+ return 0
|
429
|
419
|
}
|
430
|
420
|
for (let i = 0; i < val.length; i++) {
|
431
|
|
- //舒张压(低压)(diastolic_blood_pressure) 收缩压(高压)(systolic_blood_pressure)
|
|
421
|
+ // 舒张压(低压)(diastolic_blood_pressure) 收缩压(高压)(systolic_blood_pressure)
|
432
|
422
|
if (val[i].pulse_frequency < 60) {
|
433
|
|
- status = 1; //心率过缓
|
|
423
|
+ status = 1 // 心率过缓
|
434
|
424
|
} else if (
|
435
|
425
|
val[i].pulse_frequency >= 60 &&
|
436
|
426
|
val[i].pulse_frequency < 100
|
437
|
427
|
) {
|
438
|
|
- status = 2; //心率正常
|
|
428
|
+ status = 2 // 心率正常
|
439
|
429
|
} else if (val[i].pulse_frequency >= 100) {
|
440
|
|
- status = 3; //心率过快
|
|
430
|
+ status = 3 // 心率过快
|
441
|
431
|
}
|
442
|
432
|
}
|
443
|
|
- return status;
|
|
433
|
+ return status
|
444
|
434
|
},
|
445
|
|
- searchWithKeyword: function(page) {
|
446
|
|
- this.$refs.search_field.blur();
|
|
435
|
+ searchWithKeyword: function (page) {
|
|
436
|
+ this.$refs.search_field.blur()
|
447
|
437
|
if (this.patient_keyword.length == 0) {
|
448
|
|
- this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
|
449
|
|
- this.queryParams.partition = this.partition;
|
450
|
|
- this.getMonitor(this.queryParams);
|
451
|
|
- return;
|
|
438
|
+ this.queryParams.date = this.parseTime(this.date / 1000, '{y}-{m}-{d}')
|
|
439
|
+ this.queryParams.partition = this.partition
|
|
440
|
+ this.getMonitor(this.queryParams)
|
|
441
|
+ return
|
452
|
442
|
}
|
453
|
443
|
|
454
|
|
- this.partition = 0;
|
|
444
|
+ this.partition = 0
|
455
|
445
|
|
456
|
|
- this.search_page = page;
|
|
446
|
+ this.search_page = page
|
457
|
447
|
if (page == 1) {
|
458
|
|
- this.dialysis_scheduals = [];
|
|
448
|
+ this.dialysis_scheduals = []
|
459
|
449
|
}
|
460
|
|
- this.loading = true;
|
461
|
|
- this.finished = false;
|
|
450
|
+ this.loading = true
|
|
451
|
+ this.finished = false
|
462
|
452
|
getPatientMonitors({
|
463
|
453
|
keyword: this.patient_keyword,
|
464
|
454
|
page: this.search_page
|
465
|
455
|
}).then(rs => {
|
466
|
|
- this.loading = false;
|
467
|
|
- this.finished = true;
|
468
|
|
- var resp = rs.data;
|
|
456
|
+ this.loading = false
|
|
457
|
+ this.finished = true
|
|
458
|
+ var resp = rs.data
|
469
|
459
|
if (resp.state == 1) {
|
470
|
460
|
if (resp.data.monitor.length > 0) {
|
471
|
461
|
this.dialysis_scheduals.push({
|
472
|
|
- zone_name: "",
|
|
462
|
+ zone_name: '',
|
473
|
463
|
scheduals: resp.data.monitor
|
474
|
|
- });
|
475
|
|
- this.finished = false;
|
|
464
|
+ })
|
|
465
|
+ this.finished = false
|
476
|
466
|
} else {
|
477
|
|
- this.finished = true;
|
|
467
|
+ this.finished = true
|
478
|
468
|
}
|
479
|
469
|
}
|
480
|
|
- });
|
|
470
|
+ })
|
481
|
471
|
},
|
482
|
|
- onLoad: function() {
|
483
|
|
- this.searchWithKeyword(this.search_page + 1);
|
|
472
|
+ onLoad: function () {
|
|
473
|
+ this.searchWithKeyword(this.search_page + 1)
|
484
|
474
|
}
|
485
|
475
|
},
|
486
|
476
|
components: {
|
487
|
477
|
Divider,
|
488
|
478
|
SideBar
|
489
|
479
|
}
|
490
|
|
-};
|
|
480
|
+}
|
491
|
481
|
</script>
|
492
|
482
|
|
493
|
483
|
<style lang="scss" scoped>
|