|
@@ -26,7 +26,8 @@
|
26
|
26
|
|
27
|
27
|
</el-form-item>
|
28
|
28
|
</el-form>
|
29
|
|
- <el-select v-model="query.statistics_type" placeholder="请选择" style="width:110px;margin-right:10px" @change="changeProject">
|
|
29
|
+ <el-select v-model="query.statistics_type" placeholder="请选择" style="width:110px;margin-right:10px"
|
|
30
|
+ @change="changeProject">
|
30
|
31
|
<el-option
|
31
|
32
|
v-for="item in options"
|
32
|
33
|
:key="item.value"
|
|
@@ -69,7 +70,8 @@
|
69
|
70
|
<el-container>
|
70
|
71
|
<div style="width:150px">
|
71
|
72
|
<div class="tableTitle">患者列表</div>
|
72
|
|
- <el-table :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
|
|
73
|
+ <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
|
|
74
|
+ :row-style="{ color: '#303133' }"
|
73
|
75
|
:header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
|
74
|
76
|
highlight-current-row
|
75
|
77
|
@current-change="handleChange">
|
|
@@ -84,16 +86,17 @@
|
84
|
86
|
<div style="padding-left:10px;flex:1">
|
85
|
87
|
<div class="tableTitle">指标趋势</div>
|
86
|
88
|
<div>
|
87
|
|
- <line-chart :options="chart" v-if="query.statistics_type != 9 && query.statistics_type != 10"></line-chart>
|
|
89
|
+ <line-chart :options="chart"
|
|
90
|
+ v-if="query.statistics_type != 9 && query.statistics_type != 10"></line-chart>
|
88
|
91
|
<line-chart :options="bar" v-if="query.statistics_type == 9 || query.statistics_type == 10"></line-chart>
|
89
|
92
|
|
90
|
93
|
</div>
|
91
|
94
|
<div class="tableTitle">统计表</div>
|
92
|
95
|
<div>
|
93
|
|
- <el-table :data="tableData" v-loading="loading">
|
94
|
|
- <el-table-column fixed label="透析日期" align="center">
|
|
96
|
+ <el-table :data="tableData" v-loading="loading">
|
|
97
|
+ <el-table-column fixed label="透析日期" align="center">
|
95
|
98
|
<template slot-scope="scope">
|
96
|
|
- {{scope.row.schedule_date | parseTime("{y}-{m}-{d}") }}
|
|
99
|
+ {{scope.row.schedule_date | parseTime('{y}-{m}-{d}') }}
|
97
|
100
|
<!--{{getTime(scope.row.schedule_date)}}-->
|
98
|
101
|
</template>
|
99
|
102
|
</el-table-column>
|
|
@@ -118,28 +121,32 @@
|
118
|
121
|
|
119
|
122
|
<el-table-column label="透前体重" align="center">
|
120
|
123
|
<template slot-scope="scope">
|
121
|
|
- {{ scope.row.predialysis_evaluation.weight_before?scope.row.predialysis_evaluation.weight_before:''}}
|
|
124
|
+ {{
|
|
125
|
+ scope.row.predialysis_evaluation.weight_before?scope.row.predialysis_evaluation.weight_before:''}}
|
122
|
126
|
|
123
|
127
|
</template>
|
124
|
128
|
</el-table-column>
|
125
|
129
|
|
126
|
130
|
<el-table-column label="透后体重" align="center">
|
127
|
131
|
<template slot-scope="scope">
|
128
|
|
- {{ scope.row.assessment_after_dislysis.weight_after ? scope.row.assessment_after_dislysis.weight_after :''}}
|
|
132
|
+ {{ scope.row.assessment_after_dislysis.weight_after ?
|
|
133
|
+ scope.row.assessment_after_dislysis.weight_after :''}}
|
129
|
134
|
|
130
|
135
|
</template>
|
131
|
136
|
</el-table-column>
|
132
|
137
|
|
133
|
138
|
<el-table-column label="目标超滤量" align="center">
|
134
|
139
|
<template slot-scope="scope">
|
135
|
|
- {{ scope.row.prescription.target_ultrafiltration ? scope.row.prescription.target_ultrafiltration : ''}}
|
|
140
|
+ {{ scope.row.prescription.target_ultrafiltration ? scope.row.prescription.target_ultrafiltration :
|
|
141
|
+ ''}}
|
136
|
142
|
|
137
|
143
|
</template>
|
138
|
144
|
</el-table-column>
|
139
|
145
|
|
140
|
146
|
<el-table-column label="实际超滤量" align="center">
|
141
|
147
|
<template slot-scope="scope">
|
142
|
|
- {{ scope.row.assessment_after_dislysis.actual_ultrafiltration ? scope.row.assessment_after_dislysis.actual_ultrafiltration :''}}
|
|
148
|
+ {{ scope.row.assessment_after_dislysis.actual_ultrafiltration ?
|
|
149
|
+ scope.row.assessment_after_dislysis.actual_ultrafiltration :''}}
|
143
|
150
|
|
144
|
151
|
</template>
|
145
|
152
|
</el-table-column>
|
|
@@ -147,7 +154,11 @@
|
147
|
154
|
|
148
|
155
|
<el-table-column label="透前血压" align="center">
|
149
|
156
|
<template slot-scope="scope">
|
150
|
|
- <div v-if="scope.row.predialysis_evaluation.systolic_blood_pressure && scope.row.predialysis_evaluation.diastolic_blood_pressure">{{ scope.row.predialysis_evaluation.systolic_blood_pressure}} / {{ scope.row.predialysis_evaluation.diastolic_blood_pressure}}</div>
|
|
157
|
+ <div
|
|
158
|
+ v-if="scope.row.predialysis_evaluation.systolic_blood_pressure && scope.row.predialysis_evaluation.diastolic_blood_pressure">
|
|
159
|
+ {{ scope.row.predialysis_evaluation.systolic_blood_pressure}} / {{
|
|
160
|
+ scope.row.predialysis_evaluation.diastolic_blood_pressure}}
|
|
161
|
+ </div>
|
151
|
162
|
|
152
|
163
|
|
153
|
164
|
</template>
|
|
@@ -155,7 +166,11 @@
|
155
|
166
|
|
156
|
167
|
<el-table-column label="透后血压" align="center">
|
157
|
168
|
<template slot-scope="scope">
|
158
|
|
- <div v-if="scope.row.assessment_after_dislysis.systolic_blood_pressure&&scope.row.assessment_after_dislysis.diastolic_blood_pressure">{{ scope.row.assessment_after_dislysis.systolic_blood_pressure}} / {{ scope.row.assessment_after_dislysis.diastolic_blood_pressure}}</div>
|
|
169
|
+ <div
|
|
170
|
+ v-if="scope.row.assessment_after_dislysis.systolic_blood_pressure&&scope.row.assessment_after_dislysis.diastolic_blood_pressure">
|
|
171
|
+ {{ scope.row.assessment_after_dislysis.systolic_blood_pressure}} / {{
|
|
172
|
+ scope.row.assessment_after_dislysis.diastolic_blood_pressure}}
|
|
173
|
+ </div>
|
159
|
174
|
|
160
|
175
|
|
161
|
176
|
</template>
|
|
@@ -164,14 +179,16 @@
|
164
|
179
|
|
165
|
180
|
<el-table-column label="透前脉率" align="center">
|
166
|
181
|
<template slot-scope="scope">
|
167
|
|
- {{ scope.row.predialysis_evaluation.pulse_frequency?scope.row.predialysis_evaluation.pulse_frequency:''}}
|
|
182
|
+ {{
|
|
183
|
+ scope.row.predialysis_evaluation.pulse_frequency?scope.row.predialysis_evaluation.pulse_frequency:''}}
|
168
|
184
|
|
169
|
185
|
</template>
|
170
|
186
|
</el-table-column>
|
171
|
187
|
|
172
|
188
|
<el-table-column label="透后脉率" align="center">
|
173
|
189
|
<template slot-scope="scope">
|
174
|
|
- {{ scope.row.assessment_after_dislysis.pulse_frequency?scope.row.assessment_after_dislysis.pulse_frequency:''}}
|
|
190
|
+ {{
|
|
191
|
+ scope.row.assessment_after_dislysis.pulse_frequency?scope.row.assessment_after_dislysis.pulse_frequency:''}}
|
175
|
192
|
|
176
|
193
|
</template>
|
177
|
194
|
</el-table-column>
|
|
@@ -193,16 +210,15 @@
|
193
|
210
|
|
194
|
211
|
<el-table-column label="钾" align="center">
|
195
|
212
|
<template slot-scope="scope">
|
196
|
|
- {{ scope.row.prescription.kalium?scope.row.prescription.kalium:""}}
|
|
213
|
+ {{ scope.row.prescription.kalium?scope.row.prescription.kalium:''}}
|
197
|
214
|
|
198
|
215
|
</template>
|
199
|
216
|
</el-table-column>
|
200
|
217
|
|
201
|
218
|
|
202
|
|
-
|
203
|
219
|
<el-table-column label="钠" align="center">
|
204
|
220
|
<template slot-scope="scope">
|
205
|
|
- {{ scope.row.prescription.sodium?scope.row.prescription.sodium:""}}
|
|
221
|
+ {{ scope.row.prescription.sodium?scope.row.prescription.sodium:''}}
|
206
|
222
|
|
207
|
223
|
</template>
|
208
|
224
|
</el-table-column>
|
|
@@ -210,7 +226,7 @@
|
210
|
226
|
|
211
|
227
|
<el-table-column label="钙" align="center">
|
212
|
228
|
<template slot-scope="scope">
|
213
|
|
- {{ scope.row.prescription.calcium?scope.row.prescription.calcium:""}}
|
|
229
|
+ {{ scope.row.prescription.calcium?scope.row.prescription.calcium:''}}
|
214
|
230
|
|
215
|
231
|
</template>
|
216
|
232
|
</el-table-column>
|
|
@@ -218,8 +234,10 @@
|
218
|
234
|
|
219
|
235
|
<el-table-column label="透析时长" align="center">
|
220
|
236
|
<template slot-scope="scope">
|
221
|
|
- {{ scope.row.prescription.dialysis_duration_hour?scope.row.prescription.dialysis_duration_hour+'小时':""}}
|
222
|
|
- {{ scope.row.prescription.dialysis_duration_minute?scope.row.prescription.dialysis_duration_minute+'分钟':''}}
|
|
237
|
+ {{
|
|
238
|
+ scope.row.prescription.dialysis_duration_hour?scope.row.prescription.dialysis_duration_hour+'小时':''}}
|
|
239
|
+ {{
|
|
240
|
+ scope.row.prescription.dialysis_duration_minute?scope.row.prescription.dialysis_duration_minute+'分钟':''}}
|
223
|
241
|
</template>
|
224
|
242
|
|
225
|
243
|
</el-table-column>
|
|
@@ -265,21 +283,17 @@
|
265
|
283
|
import NewNav from '../indicatorControlAnalysis/components/NewNav'
|
266
|
284
|
import BreadCrumb from '@/xt_pages/components/bread-crumb'
|
267
|
285
|
import LineChart from '../../qcd/components/LineChart'
|
268
|
|
- import { getCurrentOrgPatients } from "@/api/common/common";
|
|
286
|
+ import { getCurrentOrgPatients } from '@/api/common/common'
|
269
|
287
|
import {
|
270
|
|
- GetDefalutPatient,
|
|
288
|
+ GetDefaultPatient,
|
271
|
289
|
GetDialysisProcessIndexChartData,
|
272
|
290
|
GetDialysisProcessIndexTableData
|
273
|
291
|
} from '@/api/common/statistics'
|
274
|
292
|
|
|
293
|
+ import { PostSearch } from '@/api/patient'
|
275
|
294
|
|
276
|
|
-
|
277
|
|
- import {
|
278
|
|
- PostSearch
|
279
|
|
- } from '@/api/patient'
|
280
|
|
-
|
281
|
|
- import { uParseTime } from "@/utils/tools";
|
282
|
|
- import { getDataConfig } from "@/utils/data";
|
|
295
|
+ import { uParseTime } from '@/utils/tools'
|
|
296
|
+ import { getDataConfig } from '@/utils/data'
|
283
|
297
|
|
284
|
298
|
export default {
|
285
|
299
|
components: {
|
|
@@ -291,16 +305,16 @@
|
291
|
305
|
return {
|
292
|
306
|
pickerOptions: {
|
293
|
307
|
disabledDate(time) {
|
294
|
|
- let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear()-1)).getTime() - 24 * 3600 * 1000;
|
295
|
|
- return time.getTime() > Date.now() || time.getTime() < threeMonths;;
|
|
308
|
+ let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime() - 24 * 3600 * 1000
|
|
309
|
+ return time.getTime() > Date.now() || time.getTime() < threeMonths
|
|
310
|
+
|
296
|
311
|
}
|
297
|
312
|
},
|
298
|
|
- patientsData:[],
|
299
|
|
- tableData: [
|
300
|
|
- ],
|
|
313
|
+ patientsData: [],
|
|
314
|
+ tableData: [],
|
301
|
315
|
loading: false,
|
302
|
316
|
search_value: '',
|
303
|
|
- total: '',
|
|
317
|
+ total: 0,
|
304
|
318
|
query: {
|
305
|
319
|
patient_id: '',
|
306
|
320
|
statistics_type: 1,
|
|
@@ -326,7 +340,6 @@
|
326
|
340
|
{ path: false, name: '指标评估统计' },
|
327
|
341
|
{ path: false, name: '透析过程指标统计' }
|
328
|
342
|
],
|
329
|
|
- tableData: [],
|
330
|
343
|
tableData1: [],
|
331
|
344
|
chart: {
|
332
|
345
|
title: {
|
|
@@ -470,35 +483,35 @@
|
470
|
483
|
},
|
471
|
484
|
methods: {
|
472
|
485
|
|
473
|
|
- changeProject(val){
|
|
486
|
+ changeProject(val) {
|
474
|
487
|
this.query.statistics_type = val
|
475
|
488
|
this.query.page = 1
|
476
|
489
|
this.GetDialysisProcessIndexChartData(this.query)
|
477
|
490
|
// this.GetDialysisProcessIndexTableData(this.query)
|
478
|
491
|
|
479
|
492
|
},
|
480
|
|
- handleChange(val){
|
|
493
|
+ handleChange(val) {
|
481
|
494
|
this.query.patient_id = val.id
|
482
|
495
|
this.query.page = 1
|
483
|
496
|
this.GetDialysisProcessIndexTableData(this.query)
|
484
|
497
|
this.GetDialysisProcessIndexChartData(this.query)
|
485
|
498
|
},
|
486
|
499
|
handleSizeChange(limit) {
|
487
|
|
- this.query.limit = limit;
|
|
500
|
+ this.query.limit = limit
|
488
|
501
|
|
489
|
502
|
},
|
490
|
503
|
handleCurrentChange(page) {
|
491
|
|
- this.query.page = page;
|
|
504
|
+ this.query.page = page
|
492
|
505
|
|
493
|
506
|
},
|
494
|
507
|
changeTime(val) {
|
495
|
|
- var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time);
|
|
508
|
+ var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time)
|
496
|
509
|
if (time > 0) {
|
497
|
|
- this.$message.error("结束时间不能小于开始时间");
|
498
|
|
- this.query.start_time = "";
|
|
510
|
+ this.$message.error('结束时间不能小于开始时间')
|
|
511
|
+ this.query.start_time = ''
|
499
|
512
|
} else {
|
500
|
513
|
// this.getDialysisList()
|
501
|
|
- this.query.page = 1;
|
|
514
|
+ this.query.page = 1
|
502
|
515
|
this.GetDialysisProcessIndexChartData(this.query)
|
503
|
516
|
this.GetDialysisProcessIndexTableData(this.query)
|
504
|
517
|
|
|
@@ -507,12 +520,12 @@
|
507
|
520
|
},
|
508
|
521
|
changeEndTime(val) {
|
509
|
522
|
var time =
|
510
|
|
- this.getTimestamp(val) - this.getTimestamp(this.query.start_time);
|
|
523
|
+ this.getTimestamp(val) - this.getTimestamp(this.query.start_time)
|
511
|
524
|
if (time < 0) {
|
512
|
|
- this.$message.error("结束时间不能小于开始时间");
|
513
|
|
- this.query.end_time = "";
|
|
525
|
+ this.$message.error('结束时间不能小于开始时间')
|
|
526
|
+ this.query.end_time = ''
|
514
|
527
|
} else {
|
515
|
|
- this.query.page = 1;
|
|
528
|
+ this.query.page = 1
|
516
|
529
|
this.GetDialysisProcessIndexChartData(this.query)
|
517
|
530
|
this.GetDialysisProcessIndexTableData(this.query)
|
518
|
531
|
|
|
@@ -520,23 +533,23 @@
|
520
|
533
|
},
|
521
|
534
|
getTimestamp(time) {
|
522
|
535
|
// 把时间日期转成时间戳
|
523
|
|
- return new Date(time).getTime() / 1000;
|
|
536
|
+ return new Date(time).getTime() / 1000
|
524
|
537
|
},
|
525
|
538
|
QueryOperaById: function(val) {
|
526
|
|
- let vascular_access_desc_name = "";
|
|
539
|
+ let vascular_access_desc_name = ''
|
527
|
540
|
let vascular_access_desc = getDataConfig(
|
528
|
|
- "hemodialysis",
|
529
|
|
- "vascular_access_desc"
|
530
|
|
- );
|
|
541
|
+ 'hemodialysis',
|
|
542
|
+ 'vascular_access_desc'
|
|
543
|
+ )
|
531
|
544
|
for (let i = 0; i < vascular_access_desc.length; i++) {
|
532
|
545
|
if (vascular_access_desc[i].id == val) {
|
533
|
|
- vascular_access_desc_name = vascular_access_desc[i].name;
|
|
546
|
+ vascular_access_desc_name = vascular_access_desc[i].name
|
534
|
547
|
}
|
535
|
548
|
}
|
536
|
549
|
|
537
|
|
- return vascular_access_desc_name;
|
|
550
|
+ return vascular_access_desc_name
|
538
|
551
|
},
|
539
|
|
- GetAnticoagulantById: function (val) {
|
|
552
|
+ GetAnticoagulantById: function(val) {
|
540
|
553
|
let anticoagulan_name = ''
|
541
|
554
|
var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
|
542
|
555
|
let anticoagulant = anticoagulantsConfitTwo
|
|
@@ -547,8 +560,8 @@
|
547
|
560
|
}
|
548
|
561
|
return anticoagulan_name
|
549
|
562
|
},
|
550
|
|
- getModeName(mode_id){
|
551
|
|
- return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name: ""
|
|
563
|
+ getModeName(mode_id) {
|
|
564
|
+ return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name : ''
|
552
|
565
|
}, GetDialysisProcessIndexTableData(params) {
|
553
|
566
|
this.loading = true
|
554
|
567
|
this.tableData = []
|
|
@@ -561,6 +574,7 @@
|
561
|
574
|
for (let i = 0; i < resp.data.data.length; i++) {
|
562
|
575
|
this.tableData.push(resp.data.data[i])
|
563
|
576
|
}
|
|
577
|
+ this.total = resp.data.total
|
564
|
578
|
} else {
|
565
|
579
|
this.loading = false
|
566
|
580
|
}
|
|
@@ -584,8 +598,6 @@
|
584
|
598
|
this.chart.series[0].data.push(resp.data.data[i].value)
|
585
|
599
|
}
|
586
|
600
|
} else {
|
587
|
|
- console.log("1111111")
|
588
|
|
- console.log(this.query.statistics_type)
|
589
|
601
|
|
590
|
602
|
for (let i = 0; i < resp.data.data.length; i++) {
|
591
|
603
|
this.bar.xAxis.data.push(resp.data.data[i].name)
|
|
@@ -604,6 +616,13 @@
|
604
|
616
|
this.GetDialysisProcessIndexChartData(this.query)
|
605
|
617
|
this.GetDialysisProcessIndexTableData(this.query)
|
606
|
618
|
|
|
619
|
+ for (let i = 0;i < this.patientsData.length; i++){
|
|
620
|
+ if (this.patientsData[i].id == val.id){
|
|
621
|
+ this.$refs.table.setCurrentRow(this.patientsData[i])
|
|
622
|
+ }
|
|
623
|
+ }
|
|
624
|
+
|
|
625
|
+
|
607
|
626
|
},
|
608
|
627
|
querySearchAsync(keyword, cb) {
|
609
|
628
|
let key = ''
|
|
@@ -622,14 +641,27 @@
|
622
|
641
|
},
|
623
|
642
|
chooseWay(way) {
|
624
|
643
|
this.wayType = way
|
625
|
|
- }, getCurrentOrgPatients(){
|
626
|
|
- getCurrentOrgPatients().then(response=>{
|
627
|
|
- if(response.data.state == 1){
|
|
644
|
+ }, getCurrentOrgPatients() {
|
|
645
|
+ getCurrentOrgPatients().then(response => {
|
|
646
|
+ if (response.data.state == 1) {
|
628
|
647
|
var patients = response.data.data.patients
|
629
|
648
|
this.patientsData = patients
|
|
649
|
+ this.GetDefaultPatient()
|
630
|
650
|
}
|
631
|
651
|
})
|
632
|
|
- },
|
|
652
|
+ }, GetDefaultPatient() {
|
|
653
|
+ GetDefaultPatient().then(response => {
|
|
654
|
+ if (response.data.state == 1) {
|
|
655
|
+ var patient = response.data.data.patient
|
|
656
|
+ for (let i = 0;i < this.patientsData.length; i++){
|
|
657
|
+ if (this.patientsData[i].id == patient.id){
|
|
658
|
+ this.$refs.table.setCurrentRow(this.patientsData[i])
|
|
659
|
+ }
|
|
660
|
+ }
|
|
661
|
+ }
|
|
662
|
+ })
|
|
663
|
+
|
|
664
|
+ }
|
633
|
665
|
}, created() {
|
634
|
666
|
var date = new Date()
|
635
|
667
|
var year = date.getFullYear() //获取完整的年份(4位)
|