1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
| <template>
| <div class="c-asseaa-report-passenger-detail colorfff">
| <div class="flex mt24 _border">
| <img class="__img" :src="require(`@/assets/assess/${flag == 2 ? 'bg_xiaxing' : 'bg_shangxing'}.png`)" />
| <div class="flex warp flex-1">
| <div v-for="(item, index) in basic" :key="index" class="pl10 pb16 _flex-box">
|
| <div
| class="_line-box"
| :style="{background: `url(${require(`../../assets/assess/${item.bg}.png`)}) no-repeat center/cover`}"
| >
| <div class="flex-1 _title-color">{{ item.name }}</div>
| <div><span class="__conut">{{ info[item.count] || 0 }}</span>{{item.unit}}</div>
| </div>
| </div>
| <div>
| <div class="_main-color">平均满载率</div>
| <div class="mt10 pb20">
| <v-progress-rank :rankIndex="1" :width="390" :percent="50" color="#30C2FC" />
| </div>
| </div>
| </div>
| </div>
| <div class="_car-box mt10">
| <div class="flex ml24">
| <div class="flex-1 _main-color">上车客流量最大站点：</div>
| <div class="flex-1 ml20">{{ info.upStationName }}</div>
| <div class="flex-1"><span class="_color-yellow fz18">{{ info.upPassenger }}</span>人次</div>
| </div>
| </div>
| <div class="_car-box mt20">
| <div class="flex ml24">
| <div class="flex-1 _main-color">下车客流量最大站点：</div>
| <div class="flex-1 ml20">{{ info.downStationName }}</div>
| <div class="flex-1"><span class="_color-yellow fz18">{{ info.downPassenger }}</span>人次</div>
| </div>
| </div>
|
|
| </div>
| </template>
| <script>
| import * as echarts from "echarts";
| import moment from "moment";
| export default {
| name: "driverappraise",
| components: { },
| props: {
| info: {
| type: Object,
| default: () => {}
| },
| flag: {
| type: [Number, String],
| default: () => '1'
| },
| },
| data() {
| return {
| basic: [
| {
| bg: 'bg_keliu',
| name: '客流总量',
| count: 'sumVolumePeople',
| unit: '人次'
| },
| {
| bg: 'bg_bancishu_1',
| name: '班次数',
| count: 'operateShift',
| unit: '人次'
| },
| {
| bg: 'bg_keliu',
| name: '最大断面客流量',
| count: 'currentPassengerCount',
| unit: '人次'
| },
| {
| bg: 'bg_pinjunmanzailv',
| name: '平均满载率',
| count: 'avgFullRate',
| unit: '%'
| }
|
| ]
|
|
| };
| },
| created() {
|
| },
| activated() {
|
| },
| computed: {
| time() {
| let obj = this.info || {}
| return obj.firstTime + '~' + obj.lastTime
| }
|
| },
| mounted() {
| },
| methods: {
|
|
| },
| };
| </script>
|
| <style lang="less">
| .c-asseaa-report-passenger-detail {
| padding-bottom: 5px;
| .__conut {
| font-family: 'Digital';
| color: #38BBFF;
| font-size: 18px;
| }
|
| }
|
| </style>
|
|
