用户管理编写

src/views/system/user/index.vue

@@ -4,7 +4,7 @@
       <div class="user3Item" :style="{ display: !collapsed ? '' : 'none' }">
         <n-tree
           :data="nodes"
-          :default-expanded-keys="['level1', 'level2-3']"
+          :default-expanded-keys="['level1', 'level2-3','level2-2','level2-1']"
           block-line
         />
       </div>
@@ -44,11 +44,39 @@
       children: [
         {
           label: '事业部1（二级）',
-          key: 'level2-1'
+          key: 'level2-1',
+          children: [
+            {
+              label: '医院（三级）',
+              key: 'level2-1-1'
+            },
+            {
+              label: '学校（三级）',
+              key: 'level2-1-2'
+            },
+            {
+              label: '小学（三级）',
+              key: 'level2-1-3'
+            }
+          ]
         },
         {
           label: '事业部2（二级）',
-          key: 'level2-2'
+          key: 'level2-2',
+          children: [
+            {
+              label: '医院（三级）',
+              key: 'level2-2-1'
+            },
+            {
+              label: '学校（三级）',
+              key: 'level2-2-2'
+            },
+            {
+              label: '小学（三级）',
+              key: 'level2-2-3'
+            }
+          ]
         },
         {
           label: '事业部3（二级）',
@@ -56,15 +84,51 @@
           children: [
             {
               label: '医院（三级）',
-              key: 'level3-1'
+              key: 'level2-3-1'
             },
             {
               label: '学校（三级）',
-              key: 'level3-2'
+              key: 'level2-3-2'
             },
             {
               label: '小学（三级）',
-              key: 'level3-3'
+              key: 'level2-3-3'
+            }
+          ]
+        },
+        {
+          label: '技术部（二级）',
+          key: 'level2-4',
+          children: [
+            {
+              label: '医院（三级）',
+              key: 'level2-4-1'
+            },
+            {
+              label: '学校（三级）',
+              key: 'level2-4-2'
+            },
+            {
+              label: '小学（三级）',
+              key: 'level2-4-3'
+            }
+          ]
+        },
+        {
+          label: '研发部（二级）',
+          key: 'level2-5',
+          children: [
+            {
+              label: '医院（三级）',
+              key: 'level2-5-1'
+            },
+            {
+              label: '学校（三级）',
+              key: 'level2-5-2'
+            },
+            {
+              label: '小学（三级）',
+              key: 'level2-1-3'
             }
           ]
         }
@@ -436,10 +500,12 @@
       box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
       padding: 10px 15px;
       color:var(--text-color);
+      overflow-y: auto
+
     }
     .user3ItemIndex{
       position: absolute;
-      top: 50%;
+      top: 48%;
       left: 0;
       text-align: center;
       height: 34px;