拖旺项目:聊城公交辅助决策系统
master
2022-04-27 493930a42a2ea3e13905ffd8772cdb945baa7bcf
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
<template>
  <div class="c-asseaa-report-line-detail colorfff">
      <div class="flex pt24 _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 flex"
                        :style="{background: `url(${require(`../../assets/assess/${item.bg}.png`)}) no-repeat center/cover`}"
                    >
                        <div class="flex-1 _title-color">{{ item.name }}</div>
                        <div>{{ index == 0 ? time : info[item.count] || '' }}{{item.unit}}</div>
                    </div>
              </div>
 
          </div>
      </div>
      <div class="_car-box">
          <div class="flex pl24" v-if="flag == 1">
              <div class="flex-1">配车数({{info.lineName}}):<span>98</span>辆</div>
              <div class="flex-1 ml20">A型车:<span>98</span>辆</div>
              <div class="flex-1">B型车:<span>98</span>辆</div>
          </div>
          <div class="pl24" v-else>导入客流车数({{info.lineName}}):<span>{{info.volumeVehCount}}</span>辆(日均)</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_danchengshichang',
                name: '运营时间',
                count: '',
                unit: ''
            },
            {
                bg: 'bg_xianluchangdu',
                name: '线路长度',
                count: 'lineLength',
                unit: 'km'
            },
            {
                bg: 'bg_danchengshichang',
                name: '单程时长',
                count: 'oneWayDuration',
                unit: 'min'
            },
            {
                bg: 'bg_zhandianshuliang',
                name: '站点数量',
                count: 'backAndForthStation',
                unit: 'km'
            },
            {
                bg: 'bg_pinjunzhanju',
                name: '平均站距',
                count: 'avgStationDistance',
                unit: 'km'
            },
            {
                bg: 'bg_feizhixianxishu',
                name: '非直线系数',
                count: 'lineCoef',
                unit: ''
            }
 
        ]
 
     
    };
  },
  created() {
    
  },
  activated() {
 
  },
  computed: {
      time() {
          let obj = this.info || {}
        //   return obj.firstTime + '~' +  obj.lastTime
        return 0
      }
 
  },
  mounted() {
  },
  methods: {
 
  
  },
};
</script>
 
<style lang="less">
.c-asseaa-report-line-detail {
    
    
}
 
</style>