bug fixed

src/pages/index/components/vehicle_type.vue

@@ -48,7 +48,7 @@
           :dataset="linedata"
           :tooltipFormat="lineTooltipFormat"
           :encode="[
-              { x: 'month', y: 'lastYearAmount', seriesName: '入场',bool:'true' },
+              { x: 'mouth', y: 'lastAmount', seriesName: '新能源趋势',bool:'true' },
             ]"
           id="sxcyfzqk"
         />
@@ -56,9 +56,9 @@
       <div style="width: 50%;height: 500px;">
         <h4 style="color: white">新能源车排名</h4>
         <div class="progress-wrapper">
-          <div style="display: flex;line-height: 50px;" :key="item.label" v-for="item in progresslist">
-            <span style="color: #fff; padding: 0 10px;">{{item.label}}</span>
-            <el-progress :text-inside="false" :stroke-width="26" :percentage="item.value" define-back-color="#191e3a" text-color="#888ea8"></el-progress>
+          <div style="display: flex;line-height: 80px;" :key="item.label" v-for="item in progresslist">
+            <span style="width:60px; color: #fff; padding: 0 10px;">{{item.mouth}}</span>
+            <el-progress style="width: 80%" :text-inside="false"  :stroke-width="26" :percentage="item.lastAmount" define-back-color="#191e3a" text-color="#fff"></el-progress>
           </div>
         </div>
       </div>
@@ -89,7 +89,7 @@ export default {
     this.getPieData1()
     this.getPieData2()
     this.getLineData()
-    this.getProgresslist()
+    this.getProgressList()
   },
   watch: {
   },
@@ -97,7 +97,7 @@ export default {
     lineTooltipFormat(params) {
       return `<div class="line-tooltip">
         <div style="color: ${params[0].color}">${params[0].seriesName}: ${
-        params[0].data.lastYearAmount || "--"
+        params[0].data.lastAmount || "--"
       }</div>
       </div>`;
     },
@@ -118,9 +118,16 @@ export default {
     },
     getProgressList() {
       api.cllx4().then(res => {
-        this.progresslist = res.data || []
+        this.progresslist = (res.data || []).sort(this.compare('lastAmount'))
       })
-    }
+    },
+    compare(key) {
+      return function(a, b) {//第一个参数是前一个对象，第二个参数是后一个对象,如果从大到小排序，将参数位置调换
+        let val1 = a[key];
+        let val2 = b[key];
+        return val2 - val1;//求差：如果差值大于0，这两个就要对调位置
+      }
+    },
   }
 }
 </script>
@@ -189,7 +196,7 @@ export default {
   width: 100%;
   height: 480px;
   .el-progress {
-    line-height: 50px;
+    line-height: 80px;
   }
 }
 /deep/.el-progress-bar__outer {