gx

src/view/yl.vue

@@ -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"
@@ -82,7 +82,7 @@
           </span>
         </div>
         <eP2
-          v-if="leftchoose.second == '1'"
+          v-if="leftchoose.second == '1' && showR"
           :list1="data.leftCenter1"
           :list2="data.leftCenter2"
           :year="data.leftCenterYear"
@@ -128,7 +128,7 @@
           </span>
         </div>
         <eP3
-          v-if="leftchoose.third == '1'"
+          v-if="leftchoose.third == '1' && showR"
           :list1="data.leftbottom1"
           :list2="data.leftbottom2"
           :year="data.leftbottomYear"
@@ -157,7 +157,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">
@@ -167,6 +167,7 @@
           </div>
         </div>
         <ylJHSY
+          v-if="showR"
           :list1="data.centerBottom1"
           :list2="data.centerBottom2"
           :year="data.centerBottomYear"
@@ -218,7 +219,7 @@
           <div class="serviceTop">
             <div class="visit">
               <img class="serviceimg" src="@/assets/YLimg/ylimg8.png" alt="" />
-              <ylSMFW :list="data.smfwcs"></ylSMFW>
+              <ylSMFW v-if="showR" :list="data.smfwcs"></ylSMFW>
             </div>
             <div class="medicalService">
               <img class="serviceimg" src="@/assets/YLimg/ylimg9.png" alt="" />
@@ -240,6 +241,7 @@
           />
         </div>
         <ylXZZC
+          v-if="showR"
           :list1="data.zccs1"
           :list2="data.zccs2"
           @village="chooseVillage"
@@ -288,6 +290,7 @@ const leftchoose = ref({
   second: "1",
   third: "1",
 });
+const showR = ref(false);
 // 详情弹框
 const dialogShow = ref(false);
 const tableType = reactive({
@@ -402,12 +405,12 @@ const data = reactive({
     day: ["5.22"],
   },
 });
-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) {
       console.log(res.data, "养老");
       // 养老保险
@@ -471,6 +474,7 @@ const getData = async () => {
         data.zccs2.push(element.zccs); // 次数
       });
     }
+    showR.value = true;
   });
 };
 </script>