gx

src/view/analyze.vue

@@ -82,7 +82,7 @@
 
         <div class="jypx">
           <div class="minPieImg2">就业培训</div>
-          <jypx></jypx>
+          <jypx v-if="showEchart"></jypx>
           <div class="jypx_right">
             <div class="jypx_right_item" v-for="item in jypxList">
               <img :src="item.img" alt="" />
@@ -101,7 +101,7 @@
             <i></i>
           </div>
         </div>
-        <ylXZZC :list1="data.zccs1" :list2="data.zccs2"></ylXZZC>
+        <ylXZZC :list1="data.zccs1" :list2="data.zccs2" v-if="showEchart"></ylXZZC>
       </div>
     </div>
     <div class="displayFlex right_bg">
@@ -112,7 +112,7 @@
             <i></i>
           </div>
         </div>
-        <right1 :list="data.wjybrysl"></right1>
+        <right1 :list="data.wjybrysl" v-if="showEchart"></right1>
       </div>
       <div class="flex1">
         <div class="yd_title right_2">
@@ -179,6 +179,7 @@ const jypxList = reactive([
     img: jypx2,
   },
 ]);
+const showEchart = ref(false);
 const data = reactive({
   datashow: null,
   backgroundImageUrl: ViewDataimg,
@@ -400,7 +401,7 @@ const getData = async () => {
         data.ViewData[8].value = res.data.dataShow.tekun.total; //特困年份
       // data.ViewData[9].data = res.data.dataShow.qtjbrs.qtjbrs; //其他疾病
       // data.ViewData[9].value = res.data.dataShow.qtjbrs.total; //其他疾病年份
-
+      showEchart.value = true;
     }
   });
 };

src/view/education.vue

@@ -8,7 +8,7 @@
             <i></i>
           </div>
         </div>
-        <eP1 :list="data.xsql"></eP1>
+        <eP1 :list="data.xsql" v-if="showEchart" ></eP1>
         <div class="t_1"></div>
         <div class="t_2">
           <div class="t_2_1" v-for="(item, index) in data.zdgz" :key="index">
@@ -59,7 +59,7 @@
             </el-select>
           </div>
         </div>
-        <ePieRose :list="selectData.list"></ePieRose>
+        <ePieRose :list="selectData.list" v-if="showEchart"></ePieRose>
       </div>
     </div>
     <div class="displayFlex center_bg">
@@ -145,8 +145,8 @@
       </div>
       <div class="flex1">
         <div style="width: 100%; display: flex; flex-wrap: wrap">
-          <edie :list="data.xzncxxsl"></edie>
+          <edie :list="data.xzncxxsl" v-if="showEchart"></edie>
-          <edie5 :list="data.xzncjszcsl"></edie5>
+          <edie5 :list="data.xzncjszcsl" v-if="showEchart"></edie5>
           <!-- <div class="rating">
             <edXX
               :list="data.schoolData"
@@ -276,6 +276,7 @@
               <edxs2
                 :list="data.whistleblower.newCules.data"
                 :month="data.whistleblower.newCules.time"
+                v-if="showEchart"
               ></edxs2>
             </div>
             <div class="clue">
@@ -547,6 +548,7 @@ const selectChange1 = () => {
 //       break;
 //   }
 // };
+const showEchart = ref(false);
 const data = reactive({
   xsql: [],
   zdgz: [
@@ -620,6 +622,7 @@ const getData = async () => {
       data.xsql.push(res.data.xssl.xx);
       data.xsql.push(res.data.xssl.yey);
       data.xsql.push(res.data.xssl.tsjy);
+
       // 重点关注
       data.zdgz[0].value = res.data.zdgz.lset;
       data.zdgz[1].value = res.data.zdgz.dszn;
@@ -645,6 +648,8 @@ const getData = async () => {
       data.culeTotal = res.data.whistleblower.culeTotal.data.slice(-1)[0];
       data.gaCules = res.data.whistleblower.gaCules.data.slice(-1)[0];
       data.jcgCules = res.data.whistleblower.jcgCules.data.slice(-1)[0];
+
+      showEchart.value = true;
     }
   });
 };

src/view/work.vue

@@ -61,7 +61,7 @@
           </div>
         </div>
         <div class="school">
-          <ePjz :list="data.totalAssistance"></ePjz>
+          <ePjz :list="data.totalAssistance" v-if="showEchart"></ePjz>
         </div>
       </div>
       <div class="flex1">
@@ -71,7 +71,7 @@
             <i></i>
           </div>
         </div>
-        <eP3 :list="data.salvation"></eP3>
+        <eP3 :list="data.salvation" v-if="showEchart"></eP3>
       </div>
       <div class="flex1">
         <div class="fundingBox">
@@ -131,7 +131,7 @@
             困难职工
           </div>
         </div>
-        <eP6 v-if="jz[2].choose == '1'" :list="data.list1"></eP6>
+        <eP6 v-if="jz[2].choose == '1'&& showEchart" :list="data.list1"></eP6>
         <eP4 v-else :list="data.list1"></eP4>
       </div>
       <div class="flex1">
@@ -227,6 +227,7 @@ const jzChange = (index, value) => {
   }
 };
 
+const showEchart = ref(false);
 const data = reactive({
   list: {},
   list1: {},
@@ -400,6 +401,7 @@ const getData = async () => {
 
       // 多元化力量参与
       data.diversification.hszhxms = res.data.diversification.hszhxms;
+      showEchart.value = true;
     }
   });
 };