修改 ui 包结构.

orion-ops-ui/src/views/dashboard/workplace/index.vue

@@ -56,7 +56,7 @@
 
 <script lang="ts">
   export default {
-    name: 'Dashboard', // If you want the include property of keep-alive to take effect, you must name the component
+    name: 'workplace',
   };
 </script>
 
@@ -83,13 +83,16 @@
     border-radius: 4px;
     overflow: auto;
   }
+
   :deep(.panel-border) {
     margin-bottom: 0;
     border-bottom: 1px solid rgb(var(--gray-2));
   }
+
   .moduler-wrap {
     border-radius: 4px;
     background-color: var(--color-bg-2);
+
     :deep(.text) {
       font-size: 12px;
       text-align: center;
@@ -106,11 +109,13 @@
           margin-bottom: 0;
         }
       }
+
       &:hover {
         .icon {
           color: rgb(var(--arcoblue-6));
           background-color: #e8f3ff;
         }
+
         .text {
           color: rgb(var(--arcoblue-6));
         }
@@ -138,6 +143,7 @@
     .container {
       display: block;
     }
+
     .right-side {
       // display: none;
       width: 100%;

orion-ops-ui/src/views/user/child1/index.vue

@@ -1,10 +1,12 @@
 <template>
-  <p>UserChild</p>
+  <div>
+    <p>UserChild 1</p>
+  </div>
 </template>
 
 <script>
   export default {
-    name: 'UserChild',
+    name: 'UserChild1',
   };
 </script>
 

orion-ops-ui/src/views/user/child2/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <p>UserChild 2</p>
+    <h1 v-permission="['admin']">123</h1>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'UserChild2',
+  };
+</script>
+
+<style scoped>
+
+</style>

orion-ops-ui/src/views/user/index.vue

@@ -1,13 +0,0 @@
-<template>
-  <p>这是user组件</p>
-</template>
-
-<script>
-  export default {
-    name: 'User',
-  };
-</script>
-
-<style scoped>
-
-</style>