diff --git a/src/views/chart/HeaderLeftBtn/index.ts b/src/views/chart/contentHeader/headerLeftBtn/index.ts
similarity index 100%
rename from src/views/chart/HeaderLeftBtn/index.ts
rename to src/views/chart/contentHeader/headerLeftBtn/index.ts
diff --git a/src/views/chart/HeaderLeftBtn/index.vue b/src/views/chart/contentHeader/headerLeftBtn/index.vue
similarity index 98%
rename from src/views/chart/HeaderLeftBtn/index.vue
rename to src/views/chart/contentHeader/headerLeftBtn/index.vue
index af92532d..ae1a4fd1 100644
--- a/src/views/chart/HeaderLeftBtn/index.vue
+++ b/src/views/chart/contentHeader/headerLeftBtn/index.vue
@@ -35,7 +35,7 @@
 import { toRefs, Ref, reactive, computed } from 'vue'
 import { renderIcon, goDialog, goHome } from '@/utils'
 import { icon } from '@/plugins'
-import { useRemoveKeyboard } from '../hooks/useKeyboard.hook'
+import { useRemoveKeyboard } from '../../hooks/useKeyboard.hook'
 
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 
diff --git a/src/views/chart/HeaderRightBtn/index.ts b/src/views/chart/contentHeader/headerRightBtn/index.ts
similarity index 100%
rename from src/views/chart/HeaderRightBtn/index.ts
rename to src/views/chart/contentHeader/headerRightBtn/index.ts
diff --git a/src/views/chart/HeaderRightBtn/index.vue b/src/views/chart/contentHeader/headerRightBtn/index.vue
similarity index 100%
rename from src/views/chart/HeaderRightBtn/index.vue
rename to src/views/chart/contentHeader/headerRightBtn/index.vue
diff --git a/src/views/chart/HeaderTitle/index.ts b/src/views/chart/contentHeader/headerTitle/index.ts
similarity index 100%
rename from src/views/chart/HeaderTitle/index.ts
rename to src/views/chart/contentHeader/headerTitle/index.ts
diff --git a/src/views/chart/HeaderTitle/index.vue b/src/views/chart/contentHeader/headerTitle/index.vue
similarity index 100%
rename from src/views/chart/HeaderTitle/index.vue
rename to src/views/chart/contentHeader/headerTitle/index.vue
diff --git a/src/views/chart/index.vue b/src/views/chart/index.vue
index e0936711..f24de368 100644
--- a/src/views/chart/index.vue
+++ b/src/views/chart/index.vue
@@ -47,22 +47,12 @@ const chartEditStore = useChartEditStore()
 // 记录初始化
 chartHistoryStoreStore.canvasInit(chartEditStore.getEditCanvas)
 
-const HeaderLeftBtn = loadAsyncComponent(() =>
-  import('./headerLeftBtn/index.vue')
-)
-const HeaderRightBtn = loadAsyncComponent(() =>
-  import('./headerRightBtn/index.vue')
-)
-const HeaderTitle = loadAsyncComponent(() => import('./headerTitle/index.vue'))
-const ContentLayers = loadAsyncComponent(() =>
-  import('./contentLayers/index.vue')
-)
-const ContentCharts = loadAsyncComponent(() =>
-  import('./contentCharts/index.vue')
-)
-const ContentConfigurations = loadAsyncComponent(() =>
-  import('./contentConfigurations/index.vue')
-)
+const HeaderLeftBtn = loadAsyncComponent(() => import('./contentHeader/headerLeftBtn/index.vue'))
+const HeaderRightBtn = loadAsyncComponent(() => import('./contentHeader/headerRightBtn/index.vue'))
+const HeaderTitle = loadAsyncComponent(() => import('./contentHeader/headerTitle/index.vue'))
+const ContentLayers = loadAsyncComponent(() => import('./contentLayers/index.vue'))
+const ContentCharts = loadAsyncComponent(() => import('./contentCharts/index.vue'))
+const ContentConfigurations = loadAsyncComponent(() => import('./contentConfigurations/index.vue'))
 
 // 右键
 const {
@@ -74,10 +64,10 @@ const {
 </script>
 
 <style lang="scss" scoped>
-@include go('chart') {
+@include go("chart") {
   height: 100vh;
   width: 100vw;
   overflow: hidden;
-  @include background-image('background-image');
+  @include background-image("background-image");
 }
 </style>