1

src/view/yl.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="module">
+  <div class="module" >
     <div class="displayFlex left_bg">
       <div class="flex1">
         <div class="yd_title left_1">
@@ -36,7 +36,7 @@
           </span>
         </div>
         <ePie
-          v-if="leftchoose.first == '1'"
+          v-if="leftchoose.first == '1' && showR"
           :list1="data.leftTop1"
           :list2="data.leftTop2"
           :year="data.leftTopYear"
@@ -85,7 +85,7 @@
           </span>
         </div>
         <eP2
-          v-if="leftchoose.second == '1'"
+          v-if="leftchoose.second == '1' && showR"
           :list1="data.leftCenter1"
           :list2="data.leftCenter2"
           :year="data.leftCenterYear"
@@ -134,7 +134,7 @@
           </span>
         </div>
         <eP3
-          v-if="leftchoose.third == '1'"
+          v-if="leftchoose.third == '1' && showR"
           :list1="data.leftbottom1"
           :list2="data.leftbottom2"
           :year="data.leftbottomYear"
@@ -163,7 +163,7 @@
           <div class="mtpText1">{{ data.oldAgeTotal }}</div>
           <div class="mtpText2">{{ data.oldAgePercent }}%</div>
         </div>
-        <ePie3d :list="data.rkgk"></ePie3d>
+        <ePie3d      v-if="showR" :list="data.rkgk"></ePie3d>
       </div>
       <div class="flex1">
         <div class="yd_title familyPlanning">
@@ -173,6 +173,7 @@
           </div>
         </div>
         <ylJHSY
+        v-if="showR"
           :list1="data.centerBottom1"
           :list2="data.centerBottom2"
           :year="data.centerBottomYear"
@@ -248,7 +249,7 @@
                 src="@/assets/YLimg/ylimg8.png"
                 alt=""
               />
-              <ylSMFW :list="data.smfwcs"></ylSMFW>
+              <ylSMFW      v-if="showR" :list="data.smfwcs"></ylSMFW>
             </div>
             <div class="medicalService">
               <img
@@ -282,6 +283,7 @@
           />
         </div>
         <ylXZZC
+             v-if="showR"
           :list1="data.zccs1"
           :list2="data.zccs2"
           @village="chooseVillage"
@@ -330,6 +332,7 @@ const leftchoose = ref({
   second: "1",
   third: "1",
 });
+const showR=ref(false)
 // 详情弹框
 const dialogShow = ref(false);
 const tableType = reactive({
@@ -441,12 +444,12 @@ const data = reactive({
   zccs2: [],
   smfwcs: [],
 });
-onBeforeMount(async () => {
+onBeforeMount( () => {
   getData();
 });
 
-const getData = async () => {
-  await http.get("/api/ggfwyth/yl").then((res) => {
+const getData =  () => {
+   http.get("/api/ggfwyth/yl").then((res) => {
     if (res.code == 200) {
       // 养老保险
       // 人次
@@ -509,6 +512,7 @@ const getData = async () => {
         data.zccs2.push(element.zccs); // 次数
       });
     }
+    showR.value=true;
   });
 };
 </script>