diff --git a/src/router/index.ts b/src/router/index.ts
index 5062e49..14a6efa 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -13,7 +13,7 @@ import Dict from '@/views/system/dict/index.vue'; //用户字典
 import GlobalSys from '@/views/system/globalSys/index.vue'; //全局参数
 import { getToken } from "@/utils/auth";
 
-const whiteList = ["/callback"];
+const whiteList = ["/callback",'/layout/dict','/layout/globalSys'];
 
 const routes: Array<RouteRecordRaw> = [
   {
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 17f276a..a629b9c 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -1,19 +1,24 @@
 <!-- 用户字典 -->
 <template>
+  <!-- 左右布局，左侧为占25%的nav，右侧为占据75%的main -->
   <div class="main__container white-bg table">
-    <header class="dict-header">
-        <!-- 写一写查询条件 -->
-    </header>
-    <main class="dict-main">
-        <!-- 写一写操作按钮，新增字典等 -->
-         <div class="dict-main__buttonList"></div>
-         <!-- 字典表格 -->
-         <n-table></n-table>
+    <!-- 侧边字典属性结构 -->
+    <nav class="dict-nav">
+      <!-- 要求可以搜索 -->
+      <n-input v-model:value="search"></n-input>
+      <!-- 树结构 右侧要能够删除 -->
+      <n-tree></n-tree>
+    </nav>
+    <main class="dict-nav">
+      <!-- 上面有一排操作按钮：input框查询 查询按钮，新增 -->
+       <!-- 字典表格，含有字段：字典id，字典名称，字典值，字典标签，操作列（编辑 删除） -->
+      <n-table></n-table>
     </main>
+
   </div>
 </template>
 
 <script setup lang='ts'>
+const search = ref('');
 </script>
-<style scoped lang='scss'>
-</style>
\ No newline at end of file
+<style scoped lang='scss'></style>
\ No newline at end of file