|
@@ -6,7 +6,7 @@
|
6
|
6
|
v-for="schedule in schedules"
|
7
|
7
|
v-if="schedule.patient"
|
8
|
8
|
:class="borderColor(schedule)"
|
9
|
|
- @click="detailAction(schedule)"
|
|
9
|
+ @click.stop="detailAction(schedule)"
|
10
|
10
|
:key="schedule.id"
|
11
|
11
|
>
|
12
|
12
|
<div class="kehu">
|
|
@@ -19,6 +19,7 @@
|
19
|
19
|
"
|
20
|
20
|
alt=""
|
21
|
21
|
/>
|
|
22
|
+ <div>
|
22
|
23
|
<div class="right">
|
23
|
24
|
<h3 class="name">
|
24
|
25
|
{{ schedule.patient.name
|
|
@@ -28,9 +29,23 @@
|
28
|
29
|
>{{ genderText(schedule) }} | {{ getAge(schedule) }} 岁</span
|
29
|
30
|
>
|
30
|
31
|
</div>
|
|
32
|
+ <div style="margin-top:5px;text-align:left;height:24px;">
|
|
33
|
+ <span class="tip1" v-if="schedule.prescription == null || schedule.prescription.creater == 0" @click.stop="open(schedule)">
|
|
34
|
+ 开处方
|
|
35
|
+ </span>
|
|
36
|
+ <span class="tip2" v-if="schedule.treatment_summary == null || schedule.treatment_summary.dialysis_summary == ''" @click.stop="open1(schedule)">
|
|
37
|
+ 开小结
|
|
38
|
+ </span>
|
|
39
|
+ </div>
|
31
|
40
|
</div>
|
32
|
|
- <div class="online" v-show="computeState(schedule) != 4">
|
33
|
|
- <p :class="stateColor(schedule)">{{ stateText(schedule) }}</p>
|
|
41
|
+ </div>
|
|
42
|
+ <div>
|
|
43
|
+ <div style="height:24px;margin-right: 10px;">
|
|
44
|
+ <div class="online" v-show="computeState(schedule) != 4">
|
|
45
|
+ <p :class="stateColor(schedule)">{{ stateText(schedule) }}</p>
|
|
46
|
+ </div>
|
|
47
|
+ </div>
|
|
48
|
+ <div style="margin-top:13px;font-size:12px;color:#a8b3ba;margin-right: 5px;" v-if="schedule.assessment_before_dislysis && patientStateVal == 1">签到时间:{{ getTime(schedule.assessment_before_dislysis.created_time) }}</div>
|
34
|
49
|
</div>
|
35
|
50
|
</div>
|
36
|
51
|
<div class="function" :class="functionColor(schedule)">
|
|
@@ -56,15 +71,65 @@
|
56
|
71
|
</div>
|
57
|
72
|
</div>
|
58
|
73
|
<!-- </router-link> -->
|
|
74
|
+ <dialysis-prescription-dialog
|
|
75
|
+ title="透析处方"
|
|
76
|
+ ref="prescription"
|
|
77
|
+ :patient="patient"
|
|
78
|
+ :prescription="prescription"
|
|
79
|
+ :solution="solution"
|
|
80
|
+ @advice="adviceFunc"
|
|
81
|
+ :niprocart_info="niprocart_info"
|
|
82
|
+ :jms_info="jms_info"
|
|
83
|
+ :fistula_needle_set_info="fistula_needle_set_info"
|
|
84
|
+ :fistula_needle_set_16_info="fistula_needle_set_16_info"
|
|
85
|
+ :hemoperfusion_info="hemoperfusion_info"
|
|
86
|
+ :dialyser_sterilised_info="dialyser_sterilised_info"
|
|
87
|
+ :filtryzer_info="filtryzer_info"
|
|
88
|
+ :dialyzers_info="dialyzers_info"
|
|
89
|
+ :injector_info="injector_info"
|
|
90
|
+ :bloodlines_info="bloodlines_info"
|
|
91
|
+ :tubingHemodialysis_info="tubingHemodialysis_info"
|
|
92
|
+ :safe_package_info="safe_package_info"
|
|
93
|
+ :aliquid_info="aliquid_info"
|
|
94
|
+ :config="config"
|
|
95
|
+ :admin_users="admin_users"
|
|
96
|
+ :targetAdvices="longAdvices"
|
|
97
|
+ :waitUploadAdvices="waitUploadAdvices"
|
|
98
|
+ :is_open="is_open"
|
|
99
|
+ :predialysis="predialysis_evaluation"
|
|
100
|
+ :last_predialysis="lastPredialysisEvaluation"
|
|
101
|
+ :record="assessment_after_dislysis"
|
|
102
|
+ :last_record="lastAssessmentAfterDislysis"
|
|
103
|
+ :last_prescription="lastDialysisPrescribe"
|
|
104
|
+ :dry_weight="lastDryWeightDislysis"
|
|
105
|
+ :schedual="temp_schedual"
|
|
106
|
+ :date='date'
|
|
107
|
+ ></dialysis-prescription-dialog>
|
|
108
|
+ <treatment-summary-dialog
|
|
109
|
+ title="治疗小结"
|
|
110
|
+ ref="treatmentSummary"
|
|
111
|
+ :patient="patient"
|
|
112
|
+ :treatment_summary="treatment_summary"
|
|
113
|
+ ></treatment-summary-dialog>
|
59
|
114
|
</div>
|
60
|
115
|
</template>
|
61
|
116
|
|
62
|
117
|
<script>
|
63
|
118
|
import { parseTime } from "@/utils";
|
64
|
119
|
import { jsGetAge } from "@/utils/tools";
|
|
120
|
+import dialysisPrescriptionDialog from "../dialysis/details/dialog/dialysisPrescriptionDialog";
|
|
121
|
+import treatmentSummaryDialog from "../dialysis/details/dialog/treatmentSummaryDialog";
|
|
122
|
+import {
|
|
123
|
+ getDialysisScheduleDetail,
|
|
124
|
+ getLongAdvice,
|
|
125
|
+} from "@/api/dialysis_record";
|
65
|
126
|
|
66
|
127
|
export default {
|
67
|
128
|
name: "PatientBox",
|
|
129
|
+ components:{
|
|
130
|
+ dialysisPrescriptionDialog,
|
|
131
|
+ treatmentSummaryDialog
|
|
132
|
+ },
|
68
|
133
|
data() {
|
69
|
134
|
return {
|
70
|
135
|
patients: [
|
|
@@ -96,13 +161,64 @@ export default {
|
96
|
161
|
sex: "女",
|
97
|
162
|
age: 90
|
98
|
163
|
}
|
99
|
|
- ]
|
|
164
|
+ ],
|
|
165
|
+ //
|
|
166
|
+ longAdvices: [],
|
|
167
|
+ waitUploadAdvices: [],
|
|
168
|
+ is_open: 0,
|
|
169
|
+ targetAdvices: [],
|
|
170
|
+
|
|
171
|
+ patient: { id: 0 }, // 患者信息
|
|
172
|
+ schedual: { id: 0 }, // 患者排班信息
|
|
173
|
+ prescription: { id: 0 }, // 透析处方
|
|
174
|
+ solution: { id: 0 }, // 透析方案
|
|
175
|
+ system_prescribe: { id: 0 },
|
|
176
|
+ receiver_treatment_access: { id: 0 }, // 接诊评估
|
|
177
|
+ predialysis_evaluation: { id: 0 }, // 透前评估
|
|
178
|
+ doctor_advices: [], // 临时医嘱
|
|
179
|
+ double_check: { id: 0 }, // 双人核对
|
|
180
|
+ assessment_after_dislysis: { id: 0 }, // 透后评估
|
|
181
|
+ treatment_summary: { id: 0 }, // 治疗小结
|
|
182
|
+ monitor_records: [], // 透析监测
|
|
183
|
+ dialysis_order: { id: 0 }, // 透析记录
|
|
184
|
+ admin_users: [], // 系统用户列表
|
|
185
|
+ devices: [], // 设备
|
|
186
|
+ device_numbers: [], // 床位号
|
|
187
|
+
|
|
188
|
+ admin_user_map: {}, // {user_id: admin_user object}
|
|
189
|
+ device_map: {}, // {device_id: device}
|
|
190
|
+ device_number_map: {}, // {device_number_id: device_number}
|
|
191
|
+
|
|
192
|
+ niprocart_info: [],
|
|
193
|
+ jms_info: [],
|
|
194
|
+ fistula_needle_set_info: [],
|
|
195
|
+ fistula_needle_set_16_info: [],
|
|
196
|
+ hemoperfusion_info: [],
|
|
197
|
+ dialyser_sterilised_info: [],
|
|
198
|
+ filtryzer_info: [],
|
|
199
|
+ dialyzers_info: [],
|
|
200
|
+ injector_info: [],
|
|
201
|
+ bloodlines_info: [],
|
|
202
|
+ tubingHemodialysis_info: [],
|
|
203
|
+ safe_package_info: [],
|
|
204
|
+ aliquid_info: [],
|
|
205
|
+ config: {},
|
|
206
|
+
|
|
207
|
+ lastPredialysisEvaluation: { id: 0 },
|
|
208
|
+ lastMonitorRecord: { id: 0 },
|
|
209
|
+ lastAssessmentAfterDislysis: { id: 0 },
|
|
210
|
+ lastDryWeightDislysis: { id: 0 },
|
|
211
|
+ headNurses: [],
|
|
212
|
+ lastDialysisPrescribe: { id: 0 },
|
|
213
|
+ temp_schedual: null,
|
|
214
|
+ date:''
|
100
|
215
|
};
|
101
|
216
|
},
|
102
|
217
|
props: {
|
103
|
218
|
schedules: {
|
104
|
219
|
type: Array
|
105
|
|
- }
|
|
220
|
+ },
|
|
221
|
+ patientStateVal:Number
|
106
|
222
|
},
|
107
|
223
|
methods: {
|
108
|
224
|
stateColor: function(schedual) {
|
|
@@ -252,8 +368,252 @@ export default {
|
252
|
368
|
patient_name: schedual.patient.name
|
253
|
369
|
}
|
254
|
370
|
});
|
|
371
|
+ },
|
|
372
|
+ //
|
|
373
|
+ getScheduleDetail: function() {
|
|
374
|
+ var dateStr = parseTime(this.date, "{y}-{m}-{d}");
|
|
375
|
+ this.doctor_advices = [];
|
|
376
|
+ getDialysisScheduleDetail(this.patient_id, dateStr).then(rs => {
|
|
377
|
+ var resp = rs.data;
|
|
378
|
+ if (resp.state == 1) {
|
|
379
|
+ var patient = resp.data.patient; // 患者信息
|
|
380
|
+ console.log("患者信息",patient)
|
|
381
|
+ var schedual = resp.data.schedual; // 患者排班信息
|
|
382
|
+ var prescription = resp.data.prescription; // 透析处方
|
|
383
|
+ if(prescription!=null){
|
|
384
|
+ if(prescription.body_fluid == -2 ){
|
|
385
|
+ prescription.body_fluid = 0
|
|
386
|
+ }
|
|
387
|
+ }
|
|
388
|
+ console.log("透析处方",prescription)
|
|
389
|
+ var solution = resp.data.solution; // 透析方案
|
|
390
|
+ var receiver_treatment_access = resp.data.receiver_treatment_access; // 接诊评估
|
|
391
|
+ console.log("receiver_treatment_access",receiver_treatment_access)
|
|
392
|
+ var predialysis_evaluation = resp.data.predialysis_evaluation; // 透前评估
|
|
393
|
+ console.log("透前评估",predialysis_evaluation)
|
|
394
|
+ if(predialysis_evaluation !=null){
|
|
395
|
+ if(predialysis_evaluation.blood_access_part_id == -2){
|
|
396
|
+ predialysis_evaluation.blood_access_part_id = 0
|
|
397
|
+ }
|
|
398
|
+ }
|
|
399
|
+ var doctor_advices = resp.data.doctor_advices; // 临时医嘱
|
|
400
|
+ //console.log("力气-------", doctor_advices);
|
|
401
|
+ var double_check = resp.data.double_check; // 双人核对
|
|
402
|
+ var assessment_after_dislysis = resp.data.assessment_after_dislysis; // 透后评估
|
|
403
|
+ //console.log("透后品谷数", assessment_after_dislysis);
|
|
404
|
+ var treatment_summary = resp.data.treatment_summary; // 治疗小结
|
|
405
|
+ var monitor_records = resp.data.monitor_records; // 透析监测
|
|
406
|
+ var dialysis_order = resp.data.dialysis_order; // 透析记录
|
|
407
|
+
|
|
408
|
+ var niprocart_info = resp.data.niprocart_info;
|
|
409
|
+ var jms_info = resp.data.jms_info;
|
|
410
|
+ var fistula_needle_set_info = resp.data.fistula_needle_set_info;
|
|
411
|
+ var fistula_needle_set_16_info = resp.data.fistula_needle_set_16_info;
|
|
412
|
+ var hemoperfusion_info = resp.data.hemoperfusion_info;
|
|
413
|
+ var dialyser_sterilised_info = resp.data.dialyser_sterilised_info;
|
|
414
|
+ var filtryzer_info = resp.data.filtryzer_info;
|
|
415
|
+ var dialyzers_info = resp.data.dialyzers_info;
|
|
416
|
+ var injector_info = resp.data.injector_info;
|
|
417
|
+ var bloodlines_info = resp.data.bloodlines_info;
|
|
418
|
+ var tubingHemodialysis_info = resp.data.tubingHemodialysis_info;
|
|
419
|
+ var safe_package_info = resp.data.safe_package_info;
|
|
420
|
+ var aliquid_info = resp.data.aliquid_info;
|
|
421
|
+
|
|
422
|
+ var lastPredialysisEvaluation = resp.data.lastPredialysisEvaluation;
|
|
423
|
+ console.log("上次透前评估",lastPredialysisEvaluation)
|
|
424
|
+ if(lastPredialysisEvaluation !=null){
|
|
425
|
+ if(lastPredialysisEvaluation.blood_access_part_id == -2){
|
|
426
|
+ lastPredialysisEvaluation.blood_access_part_id = 0
|
|
427
|
+ }
|
|
428
|
+ }
|
|
429
|
+ var lastMonitorRecord = resp.data.lastMonitorRecord;
|
|
430
|
+ var lastAssessmentAfterDislysis =
|
|
431
|
+ resp.data.lastAssessmentAfterDislysis;
|
|
432
|
+ var lastDialysisPrescribe = resp.data.lastDialysisPrescribe;
|
|
433
|
+ var lastDryWeightDislysis = resp.data.lastDryWeightDislysis;
|
|
434
|
+
|
|
435
|
+ var system_prescribe = resp.data.system_prescribe;
|
|
436
|
+
|
|
437
|
+
|
|
438
|
+ this.$refs.prescription.setLastRecord(
|
|
439
|
+ schedual,
|
|
440
|
+ lastAssessmentAfterDislysis,
|
|
441
|
+ lastPredialysisEvaluation,
|
|
442
|
+ lastDialysisPrescribe,
|
|
443
|
+ lastDryWeightDislysis,
|
|
444
|
+ system_prescribe
|
|
445
|
+ );
|
|
446
|
+
|
|
447
|
+ var headNurses = resp.data.headNurse;
|
|
448
|
+
|
|
449
|
+ var config = resp.data.config;
|
|
450
|
+ this.lastPredialysisEvaluation = lastPredialysisEvaluation;
|
|
451
|
+ this.lastMonitorRecord = lastMonitorRecord;
|
|
452
|
+ this.lastAssessmentAfterDislysis = lastAssessmentAfterDislysis;
|
|
453
|
+ this.lastDialysisPrescribe = lastDialysisPrescribe;
|
|
454
|
+ this.lastDryWeightDislysis = lastDryWeightDislysis;
|
|
455
|
+ this.headNurses = headNurses;
|
|
456
|
+ this.system_prescribe = system_prescribe;
|
|
457
|
+
|
|
458
|
+ this.niprocart_info = niprocart_info;
|
|
459
|
+ this.jms_info = jms_info;
|
|
460
|
+ this.fistula_needle_set_info = fistula_needle_set_info;
|
|
461
|
+ this.fistula_needle_set_16_info = fistula_needle_set_16_info;
|
|
462
|
+ this.hemoperfusion_info = hemoperfusion_info;
|
|
463
|
+ this.dialyser_sterilised_info = dialyser_sterilised_info;
|
|
464
|
+ this.filtryzer_info = filtryzer_info;
|
|
465
|
+ this.dialyzers_info = dialyzers_info;
|
|
466
|
+ this.injector_info = injector_info;
|
|
467
|
+ this.bloodlines_info = bloodlines_info;
|
|
468
|
+ this.tubingHemodialysis_info = tubingHemodialysis_info;
|
|
469
|
+ this.safe_package_info = safe_package_info;
|
|
470
|
+ this.aliquid_info = aliquid_info;
|
|
471
|
+ this.config = config;
|
|
472
|
+
|
|
473
|
+ this.patient = patient;
|
|
474
|
+ this.schedual = schedual == null ? { id: 0 } : schedual;
|
|
475
|
+ this.prescription = prescription == null ? { id: 0 } : prescription;
|
|
476
|
+ console.log('this.prescription',this.prescription)
|
|
477
|
+ this.solution = solution == null ? { id: 0 } : solution;
|
|
478
|
+ console.log('this.solution',this.solution)
|
|
479
|
+ this.receiver_treatment_access =
|
|
480
|
+ receiver_treatment_access == null
|
|
481
|
+ ? { id: 0 }
|
|
482
|
+ : receiver_treatment_access;
|
|
483
|
+ this.predialysis_evaluation =
|
|
484
|
+ predialysis_evaluation == null ? { id: 0 } : predialysis_evaluation;
|
|
485
|
+ this.doctor_advices = doctor_advices == null ? [] : doctor_advices;
|
|
486
|
+ this.double_check = double_check == null ? { id: 0 } : double_check;
|
|
487
|
+ this.assessment_after_dislysis =
|
|
488
|
+ assessment_after_dislysis == null
|
|
489
|
+ ? { id: 0 }
|
|
490
|
+ : assessment_after_dislysis;
|
|
491
|
+ this.treatment_summary =
|
|
492
|
+ treatment_summary == null ? { id: 0 } : treatment_summary;
|
|
493
|
+ this.monitor_records = monitor_records == null ? [] : monitor_records;
|
|
494
|
+ this.dialysis_order =
|
|
495
|
+ dialysis_order == null ? { id: 0 } : dialysis_order;
|
|
496
|
+
|
|
497
|
+ // this.$refs.stat_order.setAdvices(this.doctor_advices)
|
|
498
|
+ // this.$refs.monitoring.setRecords(this.monitor_records)
|
|
499
|
+
|
|
500
|
+ this.admin_users = resp.data.doctors;
|
|
501
|
+ this.devices = resp.data.devices;
|
|
502
|
+ this.device_numbers = resp.data.device_numbers;
|
|
503
|
+
|
|
504
|
+
|
|
505
|
+
|
|
506
|
+ var device_map = {};
|
|
507
|
+ for (let index = 0; index < this.devices.length; index++) {
|
|
508
|
+ const device = this.devices[index];
|
|
509
|
+ device_map[device.id] = device;
|
|
510
|
+ }
|
|
511
|
+ this.device_map = device_map;
|
|
512
|
+
|
|
513
|
+ var admin_map = {};
|
|
514
|
+ for (let index = 0; index < this.admin_users.length; index++) {
|
|
515
|
+ const admin = this.admin_users[index];
|
|
516
|
+ admin_map[admin.id] = admin;
|
|
517
|
+ }
|
|
518
|
+ this.admin_user_map = admin_map;
|
|
519
|
+
|
|
520
|
+ var device_number_map = {};
|
|
521
|
+ for (let index = 0; index < this.device_numbers.length; index++) {
|
|
522
|
+ const device_number = this.device_numbers[index];
|
|
523
|
+ device_number_map[device_number.id] = device_number;
|
|
524
|
+ }
|
|
525
|
+ this.device_number_map = device_number_map;
|
|
526
|
+ } else {
|
|
527
|
+ this.$message.error(resp.msg);
|
|
528
|
+ }
|
|
529
|
+
|
|
530
|
+ if (this.lastDialysisPrescribe != null) {
|
|
531
|
+ delete this.lastDialysisPrescribe.target_ultrafiltration;
|
|
532
|
+ }
|
|
533
|
+ if (this.solution != null) {
|
|
534
|
+ delete this.solution.target_ultrafiltration;
|
|
535
|
+ }
|
|
536
|
+ });
|
|
537
|
+ },
|
|
538
|
+ getLongAdvice() {
|
|
539
|
+ let params = {
|
|
540
|
+ patient_id: this.patient_id
|
|
541
|
+ };
|
|
542
|
+ getLongAdvice(params).then(rs => {
|
|
543
|
+ var resp = rs.data;
|
|
544
|
+ if (resp.state == 1) {
|
|
545
|
+ var status = parseInt(resp.data.status);
|
|
546
|
+
|
|
547
|
+ switch (status) {
|
|
548
|
+ case 2:
|
|
549
|
+ var totalAdvice = resp.data.advices;
|
|
550
|
+ var longAdvicesTwo = resp.data.advices_two;
|
|
551
|
+ var waitUploadAdvices = [];
|
|
552
|
+ for (let i = 0; i < totalAdvice.length; i++) {
|
|
553
|
+ totalAdvice[i]["isCheck"] = 1;
|
|
554
|
+ }
|
|
555
|
+
|
|
556
|
+ for (let i = 0; i < totalAdvice.length; i++) {
|
|
557
|
+ for (let a = 0; a < longAdvicesTwo.length; a++) {
|
|
558
|
+ if (
|
|
559
|
+ totalAdvice[i].template_id ==
|
|
560
|
+ longAdvicesTwo[a].template_id &&
|
|
561
|
+ totalAdvice[i].frequency_type ==
|
|
562
|
+ longAdvicesTwo[a].frequency_type
|
|
563
|
+ ) {
|
|
564
|
+ totalAdvice[i]["isCheck"] = 0;
|
|
565
|
+ }
|
|
566
|
+ }
|
|
567
|
+ }
|
|
568
|
+
|
|
569
|
+ for (let i = 0; i < totalAdvice.length; i++) {
|
|
570
|
+ if (totalAdvice[i].isCheck == 1) {
|
|
571
|
+ waitUploadAdvices.push(totalAdvice[i]);
|
|
572
|
+ }
|
|
573
|
+ }
|
|
574
|
+
|
|
575
|
+ this.is_open = resp.data.is_open_remind;
|
|
576
|
+ this.longAdvices = totalAdvice;
|
|
577
|
+ this.waitUploadAdvices = waitUploadAdvices;
|
|
578
|
+ break;
|
|
579
|
+ }
|
|
580
|
+ } else {
|
|
581
|
+ this.$message.error(resp.msg);
|
|
582
|
+ }
|
|
583
|
+ });
|
|
584
|
+ },
|
|
585
|
+ adviceFunc: function() {
|
|
586
|
+ this.$emit("advice");
|
|
587
|
+ },
|
|
588
|
+ open(schedual){
|
|
589
|
+ this.date = schedual.schedule_date
|
|
590
|
+ this.patient_id = schedual.patient_id
|
|
591
|
+ this.getScheduleDetail()
|
|
592
|
+ this.getLongAdvice()
|
|
593
|
+ this.$refs.prescription.show(this.prescription);
|
|
594
|
+
|
|
595
|
+ },
|
|
596
|
+ open1(schedual){
|
|
597
|
+ this.date = schedual.schedule_date
|
|
598
|
+ this.patient_id = schedual.patient_id
|
|
599
|
+ this.getScheduleDetail()
|
|
600
|
+ this.getLongAdvice()
|
|
601
|
+ this.$refs.treatmentSummary.show(this.treatment_summary,this.date);
|
|
602
|
+
|
|
603
|
+ },
|
|
604
|
+ getTime(date){
|
|
605
|
+ date = new Date(date * 1000)
|
|
606
|
+ var Y = date.getFullYear() + '-';
|
|
607
|
+ var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1);
|
|
608
|
+ var D = (date.getDate() < 10 ? '0'+date.getDate() : date.getDate());
|
|
609
|
+ var h = (date.getHours() < 10 ? '0'+date.getHours() : date.getHours());
|
|
610
|
+ var m = (date.getMinutes() < 10 ? '0'+date.getMinutes() : date.getMinutes());
|
|
611
|
+ var s = (date.getSeconds() < 10 ? '0'+date.getSeconds() : date.getSeconds());
|
|
612
|
+
|
|
613
|
+ let strDate = h + ':' + m;
|
|
614
|
+ return strDate;
|
255
|
615
|
}
|
256
|
|
- }
|
|
616
|
+ },
|
257
|
617
|
};
|
258
|
618
|
</script>
|
259
|
619
|
|
|
@@ -292,14 +652,15 @@ export default {
|
292
|
652
|
}
|
293
|
653
|
.kehu {
|
294
|
654
|
@include display-flex;
|
295
|
|
- @include align-items-center;
|
|
655
|
+ // @include align-items-center;
|
296
|
656
|
@include text-align;
|
297
|
657
|
@include justify-content-between;
|
298
|
658
|
border-bottom: 1px #e5e5e5 solid;
|
299
|
659
|
padding: 0 0 10px 20px;
|
300
|
660
|
.tx {
|
301
|
661
|
@include display-flex;
|
302
|
|
- @include align-items-center;
|
|
662
|
+ // @include align-items-center;
|
|
663
|
+ width: 60%;
|
303
|
664
|
img {
|
304
|
665
|
width: 45px;
|
305
|
666
|
height: 45px;
|
|
@@ -308,14 +669,18 @@ export default {
|
308
|
669
|
margin: 0 15px 0 0;
|
309
|
670
|
}
|
310
|
671
|
.right {
|
311
|
|
- float: left;
|
312
|
|
- text-align: left;
|
|
672
|
+ // float: left;
|
|
673
|
+ // text-align: left;
|
|
674
|
+ display:flex;
|
|
675
|
+ align-items: center;
|
|
676
|
+ margin-top: 6px;
|
313
|
677
|
.name {
|
314
|
678
|
font-size: 15px;
|
315
|
679
|
color: #34495e;
|
316
|
680
|
font-weight: bold;
|
317
|
681
|
height: 20px;
|
318
|
682
|
line-height: 20px;
|
|
683
|
+ margin-right:10px;
|
319
|
684
|
.yc {
|
320
|
685
|
background: #ff7979;
|
321
|
686
|
color: #fff;
|
|
@@ -334,12 +699,36 @@ export default {
|
334
|
699
|
color: #7b8a97;
|
335
|
700
|
}
|
336
|
701
|
}
|
|
702
|
+ .tip1{
|
|
703
|
+ background: #4fc7cb;
|
|
704
|
+ border-radius: 5px;
|
|
705
|
+ text-align: center;
|
|
706
|
+ font-size: 12px;
|
|
707
|
+ display: inline-block;
|
|
708
|
+ width: 60px;
|
|
709
|
+ color: #fff;
|
|
710
|
+ width: 65px;
|
|
711
|
+ height: 24px;
|
|
712
|
+ line-height: 24px;
|
|
713
|
+ }
|
|
714
|
+ .tip2{
|
|
715
|
+ background: #7bce91;
|
|
716
|
+ border-radius: 5px;
|
|
717
|
+ text-align: center;
|
|
718
|
+ font-size: 12px;
|
|
719
|
+ display: inline-block;
|
|
720
|
+ width: 60px;
|
|
721
|
+ color: #fff;
|
|
722
|
+ width: 65px;
|
|
723
|
+ height: 24px;
|
|
724
|
+ line-height: 24px;
|
|
725
|
+ }
|
337
|
726
|
}
|
338
|
727
|
|
339
|
728
|
.online {
|
340
|
729
|
text-align: center;
|
341
|
|
- width: 50%;
|
342
|
|
- border-left: 1px #e5e5e5 solid;
|
|
730
|
+ width: 30%;
|
|
731
|
+ // border-left: 1px #e5e5e5 solid;
|
343
|
732
|
p {
|
344
|
733
|
background: #c6cdd2;
|
345
|
734
|
color: #fff;
|
|
@@ -349,6 +738,7 @@ export default {
|
349
|
738
|
border-radius: 4px;
|
350
|
739
|
margin: 0 auto;
|
351
|
740
|
font-size: 12px;
|
|
741
|
+ margin-top:4px;
|
352
|
742
|
}
|
353
|
743
|
.blue {
|
354
|
744
|
background: $main-color;
|