diff --git a/src/views/system/Dictionary/components/Left.vue b/src/views/system/Dictionary/components/Left.vue
new file mode 100644
index 00000000..6997d978
--- /dev/null
+++ b/src/views/system/Dictionary/components/Left.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="left-contain">
+    <j-input placeholder="字典名称">
+        <template #suffix>
+            <AIcon type="SearchOutlined" />
+        </template>
+    </j-input>
+    <div class="controls">
+        <j-button type="primary">新增字典</j-button>
+        <j-button type="text">下载</j-button>
+        <j-button type="text">导入</j-button>
+    </div>
+    <div>
+        <j-list>
+            <template #renderItem="{ item }">
+                
+            </template>
+        </j-list>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+<style lang="less" scoped>
+.controls{
+    margin: 10px 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/Dictionary/index.vue b/src/views/system/Dictionary/index.vue
new file mode 100644
index 00000000..09785d2f
--- /dev/null
+++ b/src/views/system/Dictionary/index.vue
@@ -0,0 +1,21 @@
+<template>
+   <page-container>
+        <div class="dictionary_contain">
+            <div class="dictionary_left">
+                <Left/>
+            </div>
+            <div class="dictionary_right"></div>
+        </div>
+   </page-container>
+</template>
+
+<script lang="ts" setup>
+import Left from './components/Left.vue'
+</script>
+<style lang="less" scoped>
+.dictionary_contain{
+    display: flex;
+    background-color: #fff;
+    padding: 24px;
+}
+</style>
\ No newline at end of file