路由优化

src/assets/less/common.less

@@ -339,4 +339,11 @@ fieldset[disabled] .ivu-input,
   background: linear-gradient(180deg, #30e5fc 0%, #34a4ff 100%);
   box-shadow: inset 0 1px 2px 0 #ffffffb3, inset 0 -2px 3px 0 #ffffff4d,
     0 3px 5px 0 #339dff80, inset 0 -2px 0 0 #2b89e0;
+}
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
 }

src/assets/less/rootPage.less

@@ -1,70 +0,0 @@
-.root_main_box {
-  display: flex;
-  justify-content: space-between;
-  height: calc(100% - 50px);
-  overflow: hidden;
-  > .root_main_tree {
-    width: 266px;
-    height: 100%;
-    overflow: hidden;
-    box-shadow: 0 0 30px 0 #95abdf33;
-    &.hide_left {
-      display: none;
-    }
-    > .main_tree_top {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin: 10px;
-      .search_input {
-        // width: calc(100% - 38px);
-        width: 100%;
-        /deep/.ivu-input {
-          border: none;
-          &:focus {
-            box-shadow: none;
-          }
-        }
-      }
-    }
-    > .tree_list_box {
-      margin-top: 10px;
-      height: calc(100% - 52px);
-      box-shadow: 0 0 30px 0 #95abdf33;
-      border-radius: 4px;
-      background-color: #ffffff66;
-      overflow: hidden;
-      &:hover {
-        overflow: auto;
-      }
-    }
-  }
-  .root_main_content {
-    width: calc(100% - 282px);
-    height: 100%;
-    overflow: hidden;
-    &.full_right {
-      width: 100% !important;
-      /deep/ .page_root,
-      /deep/ .nav_page_root,
-      /deep/ .navigation_list {
-        padding-left: 16px;
-      }
-    }
-    > .navigation_list {
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-      height: 52px;
-      .move_btn {
-        transform: rotate(90deg);
-        cursor: e-resize;
-      }
-    }
-    > .navigation_content {
-      width: 100%;
-      height: calc(100% - 52px);
-      overflow: auto;
-    }
-  }
-}

src/router/region.js

@@ -24,7 +24,7 @@ export default {
     {
       path: "regionManage",
       component: () =>
-        import("@/views/regionSection/regionManage/region/index.vue"),
+        import("@/views/regionSection/regionManage/regionManage.vue"),
       name: "regionManage",
       meta: {
         keepAlive: true,
@@ -35,7 +35,7 @@ export default {
     {
       path: "schoolManage",
       component: () =>
-        import("@/views/regionSection/regionManage/school/index.vue"),
+        import("@/views/regionSection/regionManage/schoolManage.vue"),
       name: "schoolManage",
       meta: {
         keepAlive: true,
@@ -46,7 +46,7 @@ export default {
     {
       path: "adminManage",
       component: () =>
-        import("@/views/regionSection/regionManage/admin/index.vue"),
+        import("@/views/regionSection/regionManage/adminManage.vue"),
       name: "adminManage",
       meta: {
         keepAlive: true,

src/views/platformSection/home/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/platformSection/index.vue

@@ -161,7 +161,7 @@ export default {
               padding: 0 10px;
               white-space: nowrap;
               line-height: 35px;
-              border-radius: 8px;
+              border-radius: 4px;
               color: #798cb5;
               cursor: pointer;
               &.router-link-active,
@@ -181,7 +181,7 @@ export default {
         &.selected {
           background-color: #339dff;
           color: #fff;
-          border-radius: 4px;
+          border-radius: 8px;
         }
         &:hover {
           .arrow_dropdown {

src/views/platformSection/log/deviceExport.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/platformSection/networkManage/whitelistLibrary.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/platformSection/notice/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/platformSection/regionManage/adminManage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/platformSection/regionManage/regionManage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/applicationManage/applicationGroup.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/applicationManage/applicationManage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/home/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/index.vue

@@ -143,7 +143,7 @@ export default {
               padding: 0 10px;
               white-space: nowrap;
               line-height: 35px;
-              border-radius: 8px;
+              border-radius: 4px;
               color: #798cb5;
               cursor: pointer;
               &.router-link-active,
@@ -163,7 +163,7 @@ export default {
         &.selected {
           background-color: #339dff;
           color: #fff;
-          border-radius: 4px;
+          border-radius: 8px;
         }
         &:hover {
           .arrow_dropdown {

src/views/regionSection/log/deviceExport.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/networkManage/whitelist.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/networkManage/whitelistLibrary.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/notice/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/regionManage/admin/index.vue

@@ -1,14 +0,0 @@
-<template>
-  <div></div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {};
-  },
-  methods: {}
-};
-</script>
-
-<style lang="less" scoped></style>

src/views/regionSection/regionManage/adminManage.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="main_root"></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/regionManage/region/index.vue

@@ -1,14 +0,0 @@
-<template>
-  <div></div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {};
-  },
-  methods: {}
-};
-</script>
-
-<style lang="less" scoped></style>

src/views/regionSection/regionManage/regionManage.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="main_root"></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/regionManage/school/index.vue

@@ -1,14 +0,0 @@
-<template>
-  <div></div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {};
-  },
-  methods: {}
-};
-</script>
-
-<style lang="less" scoped></style>

src/views/regionSection/regionManage/schoolManage.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="main_root"></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/search/allApps.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/search/allUsers.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/search/allWhitelists.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/search/device.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/search/deviceUsers.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/setting/allApps.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/setting/device.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/setting/logo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/setting/powerUp.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/regionSection/setting/wallpaper.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/schoolSection/home/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div class="main_root"></div>
 </template>
 
 <script>
@@ -11,4 +11,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main_root {
+  margin: 0 16px 10px;
+  min-height: calc(100% - 10px);
+  border-radius: 15px;
+  border: 1px solid #e9f0f9;
+  background-color: #fff;
+}
+</style>

src/views/schoolSection/index.vue

@@ -80,7 +80,7 @@ export default {
               padding: 0 10px;
               white-space: nowrap;
               line-height: 35px;
-              border-radius: 8px;
+              border-radius: 4px;
               color: #798cb5;
               cursor: pointer;
               &.router-link-active,
@@ -100,7 +100,7 @@ export default {
         &.selected {
           background-color: #339dff;
           color: #fff;
-          border-radius: 4px;
+          border-radius: 8px;
         }
         &:hover {
           .arrow_dropdown {