标准清单

src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue

@@ -1,49 +1,50 @@
 <!-- 标准法规库 - 目标市场准入清单 -->
 <template>
   <div id="accessStandardsAndRegulations" class="v-class">
-      <el-tabs v-model="tabValue" style="height: 100%;">
-          <el-tab-pane label="国家/地区清单" name="listOfCountries">
-              <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-                  <list-of-countries v-if="tabValue === 'listOfCountries'"></list-of-countries>
-              </div>
-          </el-tab-pane>
-          <el-tab-pane label="项目类清单" name="listProject">
-              <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-                  <list-project v-if="tabValue === 'listProject'"></list-project>
-              </div>
-          </el-tab-pane>
-          <el-tab-pane label="重点标准跟踪清单" name="listTracking">
-              <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-                  <list-tracking v-if="tabValue === 'listTracking'"></list-tracking>
-              </div>
-          </el-tab-pane>
-          <el-tab-pane label="其他清单" name="listOther">
-              <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-                  <list-other v-if="tabValue === 'listOther'"></list-other>
-              </div>
-          </el-tab-pane>
-      </el-tabs>
+    <el-tabs v-model="tabValue" style="height: 100%;">
+      <el-tab-pane label="国家/地区清单" name="listOfCountries">
+        <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
+          <list-of-countries v-if="tabValue === 'listOfCountries'"></list-of-countries>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="项目类清单" name="listProject">
+        <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
+          <list-project v-if="tabValue === 'listProject'"></list-project>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="重点标准跟踪清单" name="listTracking">
+        <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
+          <list-tracking v-if="tabValue === 'listTracking'"></list-tracking>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="其他清单" name="listOther">
+        <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
+          <list-other v-if="tabValue === 'listOther'"></list-other>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
   </div>
 </template>
 
 <script>
-    import listOfCountries from "../accessStandardsAndRegulations/page/listOfCountries"
-    import listProject from "../accessStandardsAndRegulations/page/listProject"
-    import listTracking from "../accessStandardsAndRegulations/page/listTracking"
-    import listOther from "../accessStandardsAndRegulations/page/listOther"
+import listOfCountries from "../accessStandardsAndRegulations/page/listOfCountries";
+import listProject from "../accessStandardsAndRegulations/page/listProject";
+import listTracking from "../accessStandardsAndRegulations/page/listTracking";
+import listOther from "../accessStandardsAndRegulations/page/listOther";
+
 export default {
-  name: 'AccessStandardsAndRegulations',
-  data () {
+  name: "AccessStandardsAndRegulations",
+  data() {
     return {
-        tabValue: 'listOfCountries'
-    }
+      tabValue: "listOfCountries"
+    };
   },
   methods: {},
   components: {
-      listOfCountries,
-      listProject,
-      listTracking,
-      listOther
+    listOfCountries,
+    listProject,
+    listTracking,
+    listOther
   },
 
   props: {},
@@ -52,39 +53,45 @@ export default {
 
   watch: {},
 
-  mounted () {}
-}
+  mounted() {
+  }
+};
 </script>
 
 <style lang="less" scoped>
-  @import '~@/assets/styles/style';
-  @import '~@/assets/styles/mixins';
-  #accessStandardsAndRegulations {
-      height: 100%;
-      padding: 0 10px;
-      background: #fff;
+@import '~@/assets/styles/style';
+@import '~@/assets/styles/mixins';
+
+#accessStandardsAndRegulations {
+  height: 100%;
+  padding: 0 10px;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+
+  /deep/ .el-tabs {
+    flex: auto;
+    display: flex;
+    flex-direction: column;
+
+    /deep/ .el-tabs__header {
+      margin: 0 !important;
+    }
+
+    .el-tabs__content {
+      height: 100% !important;
+      flex: auto;
+      position: relative;
       display: flex;
       flex-direction: column;
-      /deep/.el-tabs{
-          flex: auto;
-          display: flex;
-          flex-direction: column;
-          /deep/ .el-tabs__header{
-              margin:0 !important;
-          }
-          .el-tabs__content {
-              height: 100% !important;
-              flex: auto;
-              position: relative;
-              display: flex;
-              flex-direction: column;
-              .el-tab-pane {
-                  height: 100%;
-                  flex: auto;
-                  display: flex;
-                  flex-direction: column;
-              }
-          }
+
+      .el-tab-pane {
+        height: 100%;
+        flex: auto;
+        display: flex;
+        flex-direction: column;
       }
+    }
   }
+}
 </style>