清单接口重复调用

src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue

@@ -2,19 +2,17 @@
 <template>
   <div id="accessStandardsAndRegulations" class="v-class">
     <el-tabs v-model="tabValue" style="height: 100%;">
-      <el-tab-pane v-for="(item,index) in list" :key="index" :label="item.label" :name="item.name">
-        <div v-if="tabValue === 'listOfCountries'" style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-          <list-of-countries></list-of-countries>
-        </div>
-        <div v-else-if="tabValue === 'listProject'" style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-          <list-project></list-project>
-        </div>
-        <div v-else-if="tabValue === 'listOther'" style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-          <list-other></list-other>
-        </div>
-        <div v-else-if="tabValue === 'localProductsOrProjectLibrary'" style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-          <local-products-or-project-library></local-products-or-project-library>
-        </div>
+      <el-tab-pane label="国家/地区清单" name="listOfCountries" v-if="country">
+        <list-of-countries></list-of-countries>
+      </el-tab-pane>
+      <el-tab-pane label="车型类别清单" name="listProject" v-if="project">
+        <list-project></list-project>
+      </el-tab-pane>
+      <el-tab-pane label="其他清单" name="listOther" v-if="other">
+        <list-other></list-other>
+      </el-tab-pane>
+      <el-tab-pane label="项目清单" name="localProductsOrProjectLibrary" v-if="library">
+        <local-products-or-project-library></local-products-or-project-library>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -30,6 +28,10 @@ export default {
   name: "AccessStandardsAndRegulations",
   data() {
     return {
+      country: false,
+      project: false,
+      other: false,
+      library: false,
       list: [],
       tabValue: "listOfCountries",
       menuName: ["国家/地区清单", "车型类别清单", "其他清单", "项目清单"]
@@ -58,29 +60,13 @@ export default {
         if (menuID.indexOf(entity.id) >= 0 && menuData.indexOf(entity.id) == -1) {
           menuData.push(entity.id);
           if (entity.id === "b05b562950cb6d0aef539fad30b7386a") {
-            list.push({
-              label: "国家/地区清单",
-              name: "listOfCountries"
-            });
-            continue;
+            this.country = true
           } else if (entity.id === "63e05705d0c8013162caa34f9fe52865") {
-            list.push({
-              label: "车型类别清单",
-              name: "listProject"
-            });
-            continue;
+            this.project = true
           }else if (entity.id === "5a75523729b04102a565167004d640e9") {
-            list.push({
-              label: "其他清单",
-              name: "listOther"
-            });
-            continue;
+            this.other = true
           } else if (entity.id === "a1170d77f4332e5f45ce520e63b00e15") {
-            list.push({
-              label: "项目清单",
-              name: "localProductsOrProjectLibrary"
-            });
-            continue;
+             this.library = true
           }
         }
       }