大屏数据排序。接口取值调整，部分字段样式调整，resize优化

src/views/hzcxbb/szkb/index.vue

@@ -21,7 +21,10 @@
               {{lqndylName1}}
             </span>
             <div v-echartResize="()=>{
+              if(lg1){
                 lg1.resize()
+              }
+
            }" ref="lg1" class="com-count-body">
 
             </div>
@@ -31,7 +34,9 @@
               {{lqndylName2}}
             </span>
             <div v-echartResize="()=>{
+            if(lg2){
               lg2.resize()
+            }
            }" ref="lg2" class="com-count-body">
 
             </div>
@@ -41,7 +46,7 @@
       </div>
       <div class="second">
         <div class="itemtitle maintitle  " style="">
-          淮安公司预算执行进度全市排名：{{hapm}}
+          淮安公司预算执行进度全省排名：{{hapm}}
         </div>
         <!-- 地图-->
         <div class="itemmain boxall  ">
@@ -70,7 +75,9 @@
               {{lhName1}}
             </span>
             <div v-echartResize="()=>{
+              if(lg3){
                 lg3.resize()
+              }
             }" ref="lg3" class="com-count-body">
 
             </div>
@@ -80,7 +87,9 @@
               {{lhName2}}
             </span>
             <div v-echartResize="()=>{
+              if(lg4){
                 lg4.resize()
+              }
             }" ref="lg4" class="com-count-body">
 
             </div>
@@ -112,10 +121,10 @@
           <i class="i3"></i>
           <i class="i4"></i>
           <div class="full  ">
-            <span class="com-count-title">
+       <!--     <span class="com-count-title">
               预算执行进度-淮安本部
-            </span>
-            <div class="com-count-body">
+            </span> -->
+            <div class="com-count-body" style="height: 100%;" >
               <!-- 标题-->
               <div class="lbbt">
                 <div class="flex1 text-center ">
@@ -168,7 +177,9 @@
               测试图例
             </span>
             <div ref="sdt" v-echartResize="()=>{
+              if(sdtCharts){
                 sdtCharts.resize()
+              }
            }" class="com-count-body">
             </div>
           </div>
@@ -213,6 +224,11 @@
     },
     data() {
       return {
+        /* echart实例*/
+        lg1:null,
+        lg2:null,
+        lg3:null,
+        lg4:null,
         /* 定时器id*/
         DELAYNUM: null,
         /* 两区农电预算一览 */
@@ -257,17 +273,6 @@
             let habbList = records.filter(item => {
               return item.bmName == '淮安供电公司本部'
             })
-            /* 展示数据查询*/
-            if (habbList.length > 0) {
-              let bmid = habbList[0].bmid
-              this.$post('hafms/yszxjdlog/queryRepDetail', {
-                bmid: bmid
-              }).then(res => {
-                if (res.success) {
-                  this.listData = res.data.records || []
-                }
-              })
-            }
             let jhxList = records.filter(item => {
               return item.bmName == '金湖县供电公司'
             })
@@ -280,7 +285,15 @@
             let lsxList = records.filter(item => {
               return item.bmName == '涟水县供电公司'
             })
-
+            /* 滚动表格数据*/
+            this.$post('hafms/yszxjdlog/queryRepDetail', {
+            }).then(res => {
+              if (res.success) {
+                this.listData = res.data.records.filter(item=>{
+                  return item.gsbz=='Y'
+                })
+              }
+            })
             // 初始地图JSON数据
             this.$nextTick(() => {
               document.getElementById("szkb").addEventListener('dblclick', function(e) {
@@ -339,6 +352,12 @@
               /* 开始构建参数*/
               const LENGTH = 6
               /* 选取前LENGTH个展示*/
+              lxh1.sort(function(a, b) {
+                    return   b.ndysmb - a.ndysmb;
+            });
+            lxh2.sort(function(a, b) {
+                    return   b.ndysmb - a.ndysmb;
+            });
               let showLxg1 = lxh1.filter((item, index) => {
                 if (index < LENGTH) {
                   return true
@@ -378,6 +397,12 @@
               })
 
               const LENGTH = 6
+              lxh1.sort(function(a, b) {
+                      return   b.ndysmb - a.ndysmb;
+              });
+              lxh2.sort(function(a, b) {
+                      return   b.ndysmb - a.ndysmb;
+              });
               /* 选取前LENGTH个展示*/
               let showLxg1 = lxh1.filter((item, index) => {
                 if (index < LENGTH) {
@@ -877,6 +902,12 @@
               },
             },
             axisLabel: {
+              formatter: function(value) {
+                  if (value.length > 7) {
+                    return value.slice(0, 7) + '...';
+                  }
+                  return value;
+                },
               color: "#fff",
               fontSize: 10,
               interval: 0,
@@ -1031,6 +1062,12 @@
               color: "#fff",
               fontSize: 10,
               interval: 0,
+              formatter: function(value) {
+                  if (value.length > 7) {
+                    return value.slice(0,7) + '...';
+                  }
+                  return value;
+                },
             },
           },
           yAxis: {
@@ -1183,6 +1220,12 @@
               color: "#fff",
               fontSize: 10,
               interval: 0,
+              formatter: function(value) {
+                  if (value.length > 7) {
+                    return value.slice(0, 7) + '...';
+                  }
+                  return value;
+                },
             },
           },
           yAxis: {
@@ -1335,6 +1378,12 @@
               color: "#fff",
               fontSize: 10,
               interval: 0,
+              formatter: function(value) {
+                  if (value.length > 7) {
+                    return value.slice(0, 7) + '...';
+                  }
+                  return value;
+                },
             },
           },
           yAxis: {