排行榜展示问题

src/utils/env-config.js

@@ -8,9 +8,9 @@ export const envConfig = {
 
     // baseUrl: 'https://test1-sc.yunqueyi.com/',
     // baseUrl: 'https://uat-sc.yunqueyi.com/',
-    // baseUrl: 'http://10.177.15.150:10401/',
+    baseUrl: 'http://10.177.15.150:10401/',
     // baseUrl: 'http://10.177.15.150:11905/',
-    baseUrl: 'https://dev-sc.yunqueyi.com/',
+    // baseUrl: 'https://dev-sc.yunqueyi.com/',
     apiUrl: 'https://dev-api.yunqueyi.com/',
     qiniuFileUrl: "https://dev-sc.yunqueyi.com/contents/admin/qiniu/token1",
     qiniuResourceUrl: "https://test1-videos.yunqueyi.com",

src/views/learning/item-list.vue

@@ -4,6 +4,7 @@
     <div class="component-content screenSet" id="screenSet">
       <el-form ref="formInline" :model="formInline" label-width="80px" style="width:50%">
         <el-form-item label="选择地区：">
+          <!-- :props="props" -->
           <el-cascader
             size="small"
             ref="cascaderRegion"
@@ -12,7 +13,7 @@
             @change="handleChange"
             filterable
             change-on-select
-            :props="props"
+            
             style="width:330px"
           ></el-cascader>
         </el-form-item>

src/views/learning/item-part-in.vue

@@ -12,7 +12,7 @@
       </el-card>
       <div class="line"></div>
     </div>
-    <div class="charts" id="rankChart" ref="rankChart"></div>
+    <div v-if="showChart" class="charts" id="rankChart" ref="rankChart"></div>
     <!-- <div class="charts" id="age" ref="age"></div> -->
     <el-table
       v-show="organizationNum < 2"
@@ -41,6 +41,7 @@ import { openLoading, closeLoading } from "../../utils/utils";
 import * as commonUtil from "../../utils/utils";
 import * as operationData from "../../utils/operation";
 import echarts from "echarts";
+import { setTimeout } from "timers";
 let vm = null;
 export default {
   props: {
@@ -55,7 +56,7 @@ export default {
     },
     organizationList: {
       type: Array
-    },
+    }
   },
   data() {
     return {
@@ -94,7 +95,7 @@ export default {
           unit: ""
         }
       ],
-      showChart: true,
+      showChart: false,
       showTable: false
     };
   },
@@ -117,17 +118,17 @@ export default {
   },
   methods: {
     search() {
-      if(vm.formInline.region.length == 0) {
-        vm.$message('请选择地区');
+      if (vm.formInline.region.length == 0) {
+        vm.$message("请选择地区");
         return;
       }
       let req = {
         projectId: vm.projectId,
         ids: operationData.getIds(vm.formInline),
         type: operationData.getSearchType(vm.formInline),
-        OriginalFlag: vm.formInline.checked == false? 0 : 1,
+        OriginalFlag: vm.formInline.checked == false ? 0 : 1
       };
-      console.log('1 req',req);
+      console.log("1 req", req);
       openLoading(vm);
       vm.GET("report/portal/getParticipateInfo", req).then(res => {
         closeLoading(vm);
@@ -158,15 +159,20 @@ export default {
       ];
     },
     getRank(data) {
-      let myChart = echarts.init(this.$refs.rankChart);
       let xAxisData = [];
       let seriesData = [];
       for (let i = 0; i < data.top.length; i++) {
         xAxisData[i] = data.top[i].name;
         seriesData[i] = data.top[i].value;
       }
-      let optionValue = operationData.getRank(xAxisData, seriesData);
-      myChart.setOption(optionValue);
+      if (xAxisData.length > 0) {
+        vm.showChart = true;
+        setTimeout(function() {
+          let myChart = echarts.init(vm.$refs.rankChart);
+          let optionValue = operationData.getRank(xAxisData, seriesData);
+          myChart.setOption(optionValue);
+        }, 200);
+      }
     },
 
     getCardData(data) {