diff --git a/frontend/src/views/Overview/Overview.vue b/frontend/src/views/Overview/Overview.vue
index b8e2c7b330bd2ad1077ea04affa5013cf5ce90cc..cac043cd41e16f1359f6f7266076480e0d65c684 100644
--- a/frontend/src/views/Overview/Overview.vue
+++ b/frontend/src/views/Overview/Overview.vue
@@ -53,13 +53,14 @@
             </el-timeline>
         </div>
         <div class="depart">
-            <p>department chart</p>
+            <DepartChart></DepartChart>
         </div>
     </div>
 </template>
   
 <script setup lang="ts">
 import { ref } from "vue";
+import DepartChart from "./components/DepartChart.vue";
 
 const userName = ref("暂无");
 const userDeptName = ref("暂无");
diff --git a/frontend/src/views/Overview/components/DepartChart.vue b/frontend/src/views/Overview/components/DepartChart.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4e9200b15af347b312b14b11fea9f250f351a40f
--- /dev/null
+++ b/frontend/src/views/Overview/components/DepartChart.vue
@@ -0,0 +1,11 @@
+<template>
+    <p>department echart</p>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+
+<style lang="scss">
+
+</style>
\ No newline at end of file