diff --git a/frontend/src/components/canvas/DeCanvas.vue b/frontend/src/components/canvas/DeCanvas.vue
index d9e6d9a767..e954e3fb4c 100644
--- a/frontend/src/components/canvas/DeCanvas.vue
+++ b/frontend/src/components/canvas/DeCanvas.vue
@@ -112,7 +112,7 @@ import toast from '@/components/canvas/utils/toast'
 import generateID from '@/components/canvas/utils/generateID'
 import ButtonDialog from '@/views/panel/filter/ButtonDialog'
 import ButtonResetDialog from '@/views/panel/filter/ButtonResetDialog'
-import FilterDialog from '@/views/panel/filter/filterDialog'
+import FilterDialog from '@/views/panel/filter/FilterDialog'
 
 export default {
   components: { FilterDialog, ButtonResetDialog, ButtonDialog, DeEditor },
diff --git a/frontend/src/components/canvas/components/editor/DeEditor.vue b/frontend/src/components/canvas/components/editor/DeEditor.vue
index d46ec9c9e9..cf74a1599e 100644
--- a/frontend/src/components/canvas/components/editor/DeEditor.vue
+++ b/frontend/src/components/canvas/components/editor/DeEditor.vue
@@ -162,7 +162,7 @@ import UserViewDialog from '@/components/canvas/customComponent/UserViewDialog'
 import DeOutWidget from '@/components/dataease/DeOutWidget'
 import DragShadow from '@/components/deDrag/Shadow'
 import bus from '@/utils/bus'
-import LinkJumpSet from '@/views/panel/LinkJumpSet'
+import LinkJumpSet from '@/views/panel/linkJumpSet'
 import { buildFilterMap, buildViewKeyMap, formatCondition, valueValid, viewIdMatch } from '@/utils/conditionUtil'
 // 挤占式画布
 import _ from 'lodash'
diff --git a/frontend/src/components/canvas/components/editor/EditBar.vue b/frontend/src/components/canvas/components/editor/EditBar.vue
index b7df7c6e36..ac4ca871e9 100644
--- a/frontend/src/components/canvas/components/editor/EditBar.vue
+++ b/frontend/src/components/canvas/components/editor/EditBar.vue
@@ -182,8 +182,8 @@ import bus from '@/utils/bus'
 import SettingMenu from '@/components/canvas/components/editor/SettingMenu'
 import LinkageField from '@/components/canvas/components/editor/LinkageField'
 import toast from '@/components/canvas/utils/toast'
-import FieldsList from '@/components/canvas/components/editor/fieldsList'
-import LinkJumpSet from '@/views/panel/LinkJumpSet'
+import FieldsList from '@/components/canvas/components/editor/FieldsList'
+import LinkJumpSet from '@/views/panel/linkJumpSet'
 import Background from '@/views/background/index'
 
 export default {
diff --git a/frontend/src/components/canvas/components/editor/fieldsList.vue b/frontend/src/components/canvas/components/editor/FieldsList.vue
similarity index 100%
rename from frontend/src/components/canvas/components/editor/fieldsList.vue
rename to frontend/src/components/canvas/components/editor/FieldsList.vue
diff --git a/frontend/src/components/canvas/components/editor/index.vue b/frontend/src/components/canvas/components/editor/index.vue
index 76db58cf1c..913e10f2e1 100644
--- a/frontend/src/components/canvas/components/editor/index.vue
+++ b/frontend/src/components/canvas/components/editor/index.vue
@@ -231,7 +231,7 @@ import UserViewDialog from '@/components/canvas/customComponent/UserViewDialog'
 import DeOutWidget from '@/components/dataease/DeOutWidget'
 import DragShadow from '@/components/deDrag/shadow'
 import bus from '@/utils/bus'
-import LinkJumpSet from '@/views/panel/LinkJumpSet'
+import LinkJumpSet from '@/views/panel/linkJumpSet'
 import { buildFilterMap, buildViewKeyMap, formatCondition, valueValid, viewIdMatch } from '@/utils/conditionUtil'
 // 挤占式画布
 import _ from 'lodash'
diff --git a/frontend/src/components/canvas/index.vue b/frontend/src/components/canvas/index.vue
index d53a0011e9..e2e06ddf5e 100644
--- a/frontend/src/components/canvas/index.vue
+++ b/frontend/src/components/canvas/index.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import Editor from '@/components/Editor/index'
+import Editor from '@/components/editor/index'
 import componentList from '@/components/canvas/customComponent/component-list' // 左侧列表数据
 import Toolbar from '@/components/Toolbar'
 import { deepCopy } from '@/utils/utils'
diff --git a/frontend/src/components/cron/cron.vue b/frontend/src/components/cron/Cron.vue
similarity index 95%
rename from frontend/src/components/cron/cron.vue
rename to frontend/src/components/cron/Cron.vue
index d27db8ec1f..00f7308e71 100644
--- a/frontend/src/components/cron/cron.vue
+++ b/frontend/src/components/cron/Cron.vue
@@ -114,12 +114,12 @@
 </template>
 
 <script>
-import SecondAndMinute from './cron/secondAndMinute'
-import hour from './cron/hour'
-import day from './cron/day'
-import month from './cron/month'
-import week from './cron/week'
-import year from './cron/year'
+import SecondAndMinute from './cron/SecondAndMinute'
+import hour from './cron/Hour'
+import day from './cron/Day'
+import month from './cron/Month'
+import week from './cron/Week'
+import year from './cron/Year'
 export default {
   components: {
     SecondAndMinute, hour, day, month, week, year
diff --git a/frontend/src/components/dataease/DeOutWidget.vue b/frontend/src/components/dataease/DeOutWidget.vue
index af303f59b9..31025ae3f4 100644
--- a/frontend/src/components/dataease/DeOutWidget.vue
+++ b/frontend/src/components/dataease/DeOutWidget.vue
@@ -60,7 +60,6 @@
 
 <script>
 import inputStyleMixin from '@/components/widget/deWidget/inputStyleMixin'
-
 export default {
   name: 'DeOutWidget',
   mixins: [inputStyleMixin],
diff --git a/frontend/src/components/gridTable/index.vue b/frontend/src/components/gridTable/index.vue
index 84f780b4d8..9754c48897 100644
--- a/frontend/src/components/gridTable/index.vue
+++ b/frontend/src/components/gridTable/index.vue
@@ -27,7 +27,7 @@
 </template>
 
 <script>
-import tableBody from './tableBody'
+import tableBody from './TableBody'
 export default {
   components: { tableBody },
   props: {
diff --git a/frontend/src/components/widget/deWidget/DeTabs.vue b/frontend/src/components/widget/deWidget/DeTabs.vue
index e6c1614baa..99d655a4a2 100644
--- a/frontend/src/components/widget/deWidget/DeTabs.vue
+++ b/frontend/src/components/widget/deWidget/DeTabs.vue
@@ -214,14 +214,14 @@
 
 <script>
 import DataeaseTabs from '@/components/dataeaseTabs'
-import ViewSelect from '@/views/panel/ViewSelect'
+import ViewSelect from '@/views/panel/viewSelect'
 import { uuid } from 'vue-uuid'
 import bus from '@/utils/bus'
 import componentList from '@/components/canvas/customComponent/component-list'
 import { mapState } from 'vuex'
 import { chartCopy } from '@/api/chart/chart'
 import { buildFilterMap } from '@/utils/conditionUtil'
-import TabUseList from '@/views/panel/AssistComponent/tabUseList'
+import TabUseList from '@/views/panel/assistComponent/TabUseList'
 import { findPanelElementInfo } from '@/api/panel/panel'
 import { getNowCanvasComponentData } from '@/components/canvas/utils/utils'
 import DeCanvasTab from '@/components/canvas/DeCanvas'
diff --git a/frontend/src/main.js b/frontend/src/main.js
index c72219e522..459f66280a 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -23,10 +23,10 @@ import './utils/dialog'
 import DeComplexInput from '@/components/business/conditionTable/DeComplexInput'
 import DeComplexSelect from '@/components/business/conditionTable/DeComplexSelect'
 import DeViewSelect from '@/components/deViewSelect'
-import RemarkEditor from '@/views/chart/components/component-style/dialog/RemarkEditor'
+import RemarkEditor from '@/views/chart/components/componentStyle/dialog/RemarkEditor'
 import TitleRemark from '@/views/chart/view/TitleRemark'
 import '@/components/canvas/customComponent' // 注册自定义组件
-import deBtn from '@/components/deCustomCm/deBtn.vue'
+import deBtn from '@/components/deCustomCm/DeBtn.vue'
 
 import '@/utils/DateUtil'
 import draggable from 'vuedraggable'
diff --git a/frontend/src/views/chart/components/component-style/BackgroundColorSelector.vue b/frontend/src/views/chart/components/componentStyle/BackgroundColorSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/BackgroundColorSelector.vue
rename to frontend/src/views/chart/components/componentStyle/BackgroundColorSelector.vue
diff --git a/frontend/src/views/chart/components/component-style/LegendSelector.vue b/frontend/src/views/chart/components/componentStyle/LegendSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/LegendSelector.vue
rename to frontend/src/views/chart/components/componentStyle/LegendSelector.vue
diff --git a/frontend/src/views/chart/components/component-style/LegendSelectorAntV.vue b/frontend/src/views/chart/components/componentStyle/LegendSelectorAntV.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/LegendSelectorAntV.vue
rename to frontend/src/views/chart/components/componentStyle/LegendSelectorAntV.vue
diff --git a/frontend/src/views/chart/components/component-style/MarginSelector.vue b/frontend/src/views/chart/components/componentStyle/MarginSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/MarginSelector.vue
rename to frontend/src/views/chart/components/componentStyle/MarginSelector.vue
diff --git a/frontend/src/views/chart/components/component-style/SplitSelector.vue b/frontend/src/views/chart/components/componentStyle/SplitSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/SplitSelector.vue
rename to frontend/src/views/chart/components/componentStyle/SplitSelector.vue
diff --git a/frontend/src/views/chart/components/component-style/SplitSelectorAntV.vue b/frontend/src/views/chart/components/componentStyle/SplitSelectorAntV.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/SplitSelectorAntV.vue
rename to frontend/src/views/chart/components/componentStyle/SplitSelectorAntV.vue
diff --git a/frontend/src/views/chart/components/component-style/TitleSelector.vue b/frontend/src/views/chart/components/componentStyle/TitleSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/TitleSelector.vue
rename to frontend/src/views/chart/components/componentStyle/TitleSelector.vue
diff --git a/frontend/src/views/chart/components/component-style/TitleSelectorAntV.vue b/frontend/src/views/chart/components/componentStyle/TitleSelectorAntV.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/TitleSelectorAntV.vue
rename to frontend/src/views/chart/components/componentStyle/TitleSelectorAntV.vue
diff --git a/frontend/src/views/chart/components/component-style/XAxisSelector.vue b/frontend/src/views/chart/components/componentStyle/XAxisSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/XAxisSelector.vue
rename to frontend/src/views/chart/components/componentStyle/XAxisSelector.vue
diff --git a/frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue b/frontend/src/views/chart/components/componentStyle/XAxisSelectorAntV.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue
rename to frontend/src/views/chart/components/componentStyle/XAxisSelectorAntV.vue
diff --git a/frontend/src/views/chart/components/component-style/YAxisExtSelector.vue b/frontend/src/views/chart/components/componentStyle/YAxisExtSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/YAxisExtSelector.vue
rename to frontend/src/views/chart/components/componentStyle/YAxisExtSelector.vue
diff --git a/frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue b/frontend/src/views/chart/components/componentStyle/YAxisExtSelectorAntV.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue
rename to frontend/src/views/chart/components/componentStyle/YAxisExtSelectorAntV.vue
diff --git a/frontend/src/views/chart/components/component-style/YAxisSelector.vue b/frontend/src/views/chart/components/componentStyle/YAxisSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/YAxisSelector.vue
rename to frontend/src/views/chart/components/componentStyle/YAxisSelector.vue
diff --git a/frontend/src/views/chart/components/component-style/YAxisSelectorAntV.vue b/frontend/src/views/chart/components/componentStyle/YAxisSelectorAntV.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/YAxisSelectorAntV.vue
rename to frontend/src/views/chart/components/componentStyle/YAxisSelectorAntV.vue
diff --git a/frontend/src/views/chart/components/component-style/dialog/RemarkEditor.vue b/frontend/src/views/chart/components/componentStyle/dialog/RemarkEditor.vue
similarity index 100%
rename from frontend/src/views/chart/components/component-style/dialog/RemarkEditor.vue
rename to frontend/src/views/chart/components/componentStyle/dialog/RemarkEditor.vue
diff --git a/frontend/src/views/chart/components/drag-item/ChartDragItem.vue b/frontend/src/views/chart/components/dragItem/ChartDragItem.vue
similarity index 98%
rename from frontend/src/views/chart/components/drag-item/ChartDragItem.vue
rename to frontend/src/views/chart/components/dragItem/ChartDragItem.vue
index 2a473e317b..5d1c960a7f 100644
--- a/frontend/src/views/chart/components/drag-item/ChartDragItem.vue
+++ b/frontend/src/views/chart/components/dragItem/ChartDragItem.vue
@@ -207,8 +207,8 @@
 </template>
 
 <script>
-import { getItemType } from '@/views/chart/components/drag-item/utils'
-import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import { getItemType } from '@/views/chart/components/dragItem/utils'
+import FieldErrorTips from '@/views/chart/components/dragItem/components/FieldErrorTips'
 import bus from '@/utils/bus'
 
 export default {
diff --git a/frontend/src/views/chart/components/drag-item/DimensionExtItem.vue b/frontend/src/views/chart/components/dragItem/DimensionExtItem.vue
similarity index 98%
rename from frontend/src/views/chart/components/drag-item/DimensionExtItem.vue
rename to frontend/src/views/chart/components/dragItem/DimensionExtItem.vue
index a3a9218d5b..209acf49bb 100644
--- a/frontend/src/views/chart/components/drag-item/DimensionExtItem.vue
+++ b/frontend/src/views/chart/components/dragItem/DimensionExtItem.vue
@@ -162,8 +162,8 @@
 </template>
 
 <script>
-import { getItemType, getOriginFieldName } from '@/views/chart/components/drag-item/utils'
-import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import { getItemType, getOriginFieldName } from '@/views/chart/components/dragItem/utils'
+import FieldErrorTips from '@/views/chart/components/dragItem/components/FieldErrorTips'
 import bus from '@/utils/bus'
 
 export default {
diff --git a/frontend/src/views/chart/components/drag-item/DimensionItem.vue b/frontend/src/views/chart/components/dragItem/DimensionItem.vue
similarity index 98%
rename from frontend/src/views/chart/components/drag-item/DimensionItem.vue
rename to frontend/src/views/chart/components/dragItem/DimensionItem.vue
index 3c32926d1f..71df1fda72 100644
--- a/frontend/src/views/chart/components/drag-item/DimensionItem.vue
+++ b/frontend/src/views/chart/components/dragItem/DimensionItem.vue
@@ -178,8 +178,8 @@
 </template>
 
 <script>
-import { getItemType, getOriginFieldName } from '@/views/chart/components/drag-item/utils'
-import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import { getItemType, getOriginFieldName } from '@/views/chart/components/dragItem/utils'
+import FieldErrorTips from '@/views/chart/components/dragItem/components/FieldErrorTips'
 import bus from '@/utils/bus'
 import { formatterItem } from '@/views/chart/chart/formatter'
 
diff --git a/frontend/src/views/chart/components/drag-item/DrillItem.vue b/frontend/src/views/chart/components/dragItem/DrillItem.vue
similarity index 96%
rename from frontend/src/views/chart/components/drag-item/DrillItem.vue
rename to frontend/src/views/chart/components/dragItem/DrillItem.vue
index ff67b12b26..4b527cc706 100644
--- a/frontend/src/views/chart/components/drag-item/DrillItem.vue
+++ b/frontend/src/views/chart/components/dragItem/DrillItem.vue
@@ -72,8 +72,8 @@
 </template>
 
 <script>
-import { getItemType } from '@/views/chart/components/drag-item/utils'
-import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import { getItemType } from '@/views/chart/components/dragItem/utils'
+import FieldErrorTips from '@/views/chart/components/dragItem/components/FieldErrorTips'
 import bus from '@/utils/bus'
 
 export default {
diff --git a/frontend/src/views/chart/components/drag-item/FilterItem.vue b/frontend/src/views/chart/components/dragItem/FilterItem.vue
similarity index 96%
rename from frontend/src/views/chart/components/drag-item/FilterItem.vue
rename to frontend/src/views/chart/components/dragItem/FilterItem.vue
index cfea18e213..bf7c1d003e 100644
--- a/frontend/src/views/chart/components/drag-item/FilterItem.vue
+++ b/frontend/src/views/chart/components/dragItem/FilterItem.vue
@@ -69,8 +69,8 @@
 </template>
 
 <script>
-import { getItemType } from '@/views/chart/components/drag-item/utils'
-import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import { getItemType } from '@/views/chart/components/dragItem/utils'
+import FieldErrorTips from '@/views/chart/components/dragItem/components/FieldErrorTips'
 import bus from '@/utils/bus'
 
 export default {
diff --git a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue b/frontend/src/views/chart/components/dragItem/QuotaExtItem.vue
similarity index 99%
rename from frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
rename to frontend/src/views/chart/components/dragItem/QuotaExtItem.vue
index c094712188..4ce03a202c 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
+++ b/frontend/src/views/chart/components/dragItem/QuotaExtItem.vue
@@ -241,8 +241,8 @@
 
 <script>
 import { compareItem } from '@/views/chart/chart/compare'
-import { getItemType, getOriginFieldName } from '@/views/chart/components/drag-item/utils'
-import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import { getItemType, getOriginFieldName } from '@/views/chart/components/dragItem/utils'
+import FieldErrorTips from '@/views/chart/components/dragItem/components/FieldErrorTips'
 import bus from '@/utils/bus'
 import { formatterItem } from '@/views/chart/chart/formatter'
 import { quotaViews } from '@/views/chart/chart/util'
diff --git a/frontend/src/views/chart/components/drag-item/QuotaItem.vue b/frontend/src/views/chart/components/dragItem/QuotaItem.vue
similarity index 99%
rename from frontend/src/views/chart/components/drag-item/QuotaItem.vue
rename to frontend/src/views/chart/components/dragItem/QuotaItem.vue
index f063550610..07af358f4a 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaItem.vue
+++ b/frontend/src/views/chart/components/dragItem/QuotaItem.vue
@@ -241,8 +241,8 @@
 
 <script>
 import { compareItem } from '@/views/chart/chart/compare'
-import { getItemType, getOriginFieldName } from '@/views/chart/components/drag-item/utils'
-import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import { getItemType, getOriginFieldName } from '@/views/chart/components/dragItem/utils'
+import FieldErrorTips from '@/views/chart/components/dragItem/components/FieldErrorTips'
 import bus from '@/utils/bus'
 import { formatterItem } from '@/views/chart/chart/formatter'
 import { quotaViews } from '@/views/chart/chart/util'
diff --git a/frontend/src/views/chart/components/drag-item/components/FieldErrorTips.vue b/frontend/src/views/chart/components/dragItem/components/FieldErrorTips.vue
similarity index 100%
rename from frontend/src/views/chart/components/drag-item/components/FieldErrorTips.vue
rename to frontend/src/views/chart/components/dragItem/components/FieldErrorTips.vue
diff --git a/frontend/src/views/chart/components/drag-item/utils.js b/frontend/src/views/chart/components/dragItem/utils.js
similarity index 100%
rename from frontend/src/views/chart/components/drag-item/utils.js
rename to frontend/src/views/chart/components/dragItem/utils.js
diff --git a/frontend/src/views/chart/components/shape-attr/ColorSelector.vue b/frontend/src/views/chart/components/shapeAttr/ColorSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/shape-attr/ColorSelector.vue
rename to frontend/src/views/chart/components/shapeAttr/ColorSelector.vue
diff --git a/frontend/src/views/chart/components/shape-attr/ColorSelectorExt.vue b/frontend/src/views/chart/components/shapeAttr/ColorSelectorExt.vue
similarity index 100%
rename from frontend/src/views/chart/components/shape-attr/ColorSelectorExt.vue
rename to frontend/src/views/chart/components/shapeAttr/ColorSelectorExt.vue
diff --git a/frontend/src/views/chart/components/shape-attr/LabelSelector.vue b/frontend/src/views/chart/components/shapeAttr/LabelSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/shape-attr/LabelSelector.vue
rename to frontend/src/views/chart/components/shapeAttr/LabelSelector.vue
diff --git a/frontend/src/views/chart/components/shape-attr/LabelSelectorAntV.vue b/frontend/src/views/chart/components/shapeAttr/LabelSelectorAntV.vue
similarity index 100%
rename from frontend/src/views/chart/components/shape-attr/LabelSelectorAntV.vue
rename to frontend/src/views/chart/components/shapeAttr/LabelSelectorAntV.vue
diff --git a/frontend/src/views/chart/components/shape-attr/SizeSelector.vue b/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/shape-attr/SizeSelector.vue
rename to frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
diff --git a/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue b/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
similarity index 100%
rename from frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
rename to frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
diff --git a/frontend/src/views/chart/components/shape-attr/SizeSelectorCommon.vue b/frontend/src/views/chart/components/shapeAttr/SizeSelectorCommon.vue
similarity index 100%
rename from frontend/src/views/chart/components/shape-attr/SizeSelectorCommon.vue
rename to frontend/src/views/chart/components/shapeAttr/SizeSelectorCommon.vue
diff --git a/frontend/src/views/chart/components/shape-attr/TooltipSelector.vue b/frontend/src/views/chart/components/shapeAttr/TooltipSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/shape-attr/TooltipSelector.vue
rename to frontend/src/views/chart/components/shapeAttr/TooltipSelector.vue
diff --git a/frontend/src/views/chart/components/shape-attr/TooltipSelectorAntV.vue b/frontend/src/views/chart/components/shapeAttr/TooltipSelectorAntV.vue
similarity index 100%
rename from frontend/src/views/chart/components/shape-attr/TooltipSelectorAntV.vue
rename to frontend/src/views/chart/components/shapeAttr/TooltipSelectorAntV.vue
diff --git a/frontend/src/views/chart/components/shape-attr/TotalCfg.vue b/frontend/src/views/chart/components/shapeAttr/TotalCfg.vue
similarity index 100%
rename from frontend/src/views/chart/components/shape-attr/TotalCfg.vue
rename to frontend/src/views/chart/components/shapeAttr/TotalCfg.vue
diff --git a/frontend/src/views/chart/components/TreeSelector/ChartMoveSelector.vue b/frontend/src/views/chart/components/treeSelector/ChartMoveSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/TreeSelector/ChartMoveSelector.vue
rename to frontend/src/views/chart/components/treeSelector/ChartMoveSelector.vue
diff --git a/frontend/src/views/chart/components/TreeSelector/GroupMoveSelector.vue b/frontend/src/views/chart/components/treeSelector/GroupMoveSelector.vue
similarity index 100%
rename from frontend/src/views/chart/components/TreeSelector/GroupMoveSelector.vue
rename to frontend/src/views/chart/components/treeSelector/GroupMoveSelector.vue
diff --git a/frontend/src/views/chart/components/TreeSelector/index.vue b/frontend/src/views/chart/components/treeSelector/index.vue
similarity index 100%
rename from frontend/src/views/chart/components/TreeSelector/index.vue
rename to frontend/src/views/chart/components/treeSelector/index.vue
diff --git a/frontend/src/views/chart/components/value-formatter/ValueFormatterEdit.vue b/frontend/src/views/chart/components/valueFormatter/ValueFormatterEdit.vue
similarity index 100%
rename from frontend/src/views/chart/components/value-formatter/ValueFormatterEdit.vue
rename to frontend/src/views/chart/components/valueFormatter/ValueFormatterEdit.vue
diff --git a/frontend/src/views/chart/group/Group.vue b/frontend/src/views/chart/group/Group.vue
index 3efeed18b6..63aa526890 100644
--- a/frontend/src/views/chart/group/Group.vue
+++ b/frontend/src/views/chart/group/Group.vue
@@ -483,8 +483,8 @@
 import { post, chartGroupTree } from '@/api/chart/chart'
 import { queryAuthModel } from '@/api/authModel/authModel'
 import TableSelector from '../view/TableSelector'
-import GroupMoveSelector from '../components/TreeSelector/GroupMoveSelector'
-import ChartMoveSelector from '../components/TreeSelector/ChartMoveSelector'
+import GroupMoveSelector from '../components/treeSelector/GroupMoveSelector'
+import ChartMoveSelector from '../components/treeSelector/ChartMoveSelector'
 import ChartType from '@/views/chart/view/ChartType'
 import { pluginTypes } from '@/api/chart/chart'
 import {
diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index beac5191aa..a2928853c4 100644
--- a/frontend/src/views/chart/view/ChartEdit.vue
+++ b/frontend/src/views/chart/view/ChartEdit.vue
@@ -1532,11 +1532,11 @@ import {
   viewEditSave,
   resetViewCacheCallBack
 } from '@/api/chart/chart'
-import DimensionItem from '../components/drag-item/DimensionItem'
-import QuotaItem from '../components/drag-item/QuotaItem'
-import FilterItem from '../components/drag-item/FilterItem'
-import ChartDragItem from '../components/drag-item/ChartDragItem'
-import DrillItem from '../components/drag-item/DrillItem'
+import DimensionItem from '../components/dragItem/DimensionItem'
+import QuotaItem from '../components/dragItem/QuotaItem'
+import FilterItem from '../components/dragItem/FilterItem'
+import ChartDragItem from '../components/dragItem/ChartDragItem'
+import DrillItem from '../components/dragItem/DrillItem'
 import ResultFilterEditor from '../components/filter/ResultFilterEditor'
 import ChartComponent from '../components/ChartComponent'
 import DrillPath from '@/views/chart/view/DrillPath'
@@ -1566,13 +1566,13 @@ import LabelNormal from '../components/normal/LabelNormal'
 import TableSelector from './TableSelector'
 import FieldEdit from '../../dataset/data/FieldEdit'
 import { areaMapping } from '@/api/map/map'
-import QuotaExtItem from '@/views/chart/components/drag-item/QuotaExtItem'
+import QuotaExtItem from '@/views/chart/components/dragItem/QuotaExtItem'
 import ChartComponentG2 from '@/views/chart/components/ChartComponentG2'
 import ChartType from '@/views/chart/view/ChartType'
 import CompareEdit from '@/views/chart/components/compare/CompareEdit'
 import { compareItem } from '@/views/chart/chart/compare'
 import ChartComponentS2 from '@/views/chart/components/ChartComponentS2'
-import DimensionExtItem from '@/views/chart/components/drag-item/DimensionExtItem'
+import DimensionExtItem from '@/views/chart/components/dragItem/DimensionExtItem'
 import PluginCom from '@/views/system/plugin/PluginCom'
 import { mapState } from 'vuex'
 
@@ -1582,7 +1582,7 @@ import AssistLine from '@/views/chart/components/senior/AssistLine'
 import Threshold from '@/views/chart/components/senior/Threshold'
 import LabelNormalText from '@/views/chart/components/normal/LabelNormalText'
 import { pluginTypes } from '@/api/chart/chart'
-import ValueFormatterEdit from '@/views/chart/components/value-formatter/ValueFormatterEdit'
+import ValueFormatterEdit from '@/views/chart/components/valueFormatter/ValueFormatterEdit'
 import ChartStyle from '@/views/chart/view/ChartStyle'
 import CustomSortEdit from '@/views/chart/components/compare/CustomSortEdit'
 import ScrollCfg from '@/views/chart/components/senior/ScrollCfg'
diff --git a/frontend/src/views/chart/view/ChartStyle.vue b/frontend/src/views/chart/view/ChartStyle.vue
index 6ee80ef828..b438cfb41a 100644
--- a/frontend/src/views/chart/view/ChartStyle.vue
+++ b/frontend/src/views/chart/view/ChartStyle.vue
@@ -295,28 +295,28 @@
 </template>
 <script>
 import PluginCom from '@/views/system/plugin/PluginCom'
-import ColorSelector from '@/views/chart/components/shape-attr/ColorSelector'
-import SizeSelector from '@/views/chart/components/shape-attr/SizeSelector'
-import SizeSelectorAntV from '@/views/chart/components/shape-attr/SizeSelectorAntV'
-import LabelSelector from '@/views/chart/components/shape-attr/LabelSelector'
-import LabelSelectorAntV from '@/views/chart/components/shape-attr/LabelSelectorAntV'
-import TooltipSelector from '@/views/chart/components/shape-attr/TooltipSelector'
-import TooltipSelectorAntV from '@/views/chart/components/shape-attr/TooltipSelectorAntV'
-import TotalCfg from '@/views/chart/components/shape-attr/TotalCfg'
-import XAxisSelector from '@/views/chart/components/component-style/XAxisSelector'
-import XAxisSelectorAntV from '@/views/chart/components/component-style/XAxisSelectorAntV'
-import YAxisSelector from '@/views/chart/components/component-style/YAxisSelector'
-import YAxisSelectorAntV from '@/views/chart/components/component-style/YAxisSelectorAntV'
-import YAxisExtSelector from '@/views/chart/components/component-style/YAxisExtSelector'
-import YAxisExtSelectorAntV from '@/views/chart/components/component-style/YAxisExtSelectorAntV'
-import TitleSelector from '@/views/chart/components/component-style/TitleSelector'
-import TitleSelectorAntV from '@/views/chart/components/component-style/TitleSelectorAntV'
-import LegendSelector from '@/views/chart/components/component-style/LegendSelector'
-import MarginSelector from '@/views/chart/components/component-style/MarginSelector'
-import LegendSelectorAntV from '@/views/chart/components/component-style/LegendSelectorAntV'
-import BackgroundColorSelector from '@/views/chart/components/component-style/BackgroundColorSelector'
-import SplitSelector from '@/views/chart/components/component-style/SplitSelector'
-import SplitSelectorAntV from '@/views/chart/components/component-style/SplitSelectorAntV'
+import ColorSelector from '@/views/chart/components/shapeAttr/ColorSelector'
+import SizeSelector from '@/views/chart/components/shapeAttr/SizeSelector'
+import SizeSelectorAntV from '@/views/chart/components/shapeAttr/SizeSelectorAntV'
+import LabelSelector from '@/views/chart/components/shapeAttr/LabelSelector'
+import LabelSelectorAntV from '@/views/chart/components/shapeAttr/LabelSelectorAntV'
+import TooltipSelector from '@/views/chart/components/shapeAttr/TooltipSelector'
+import TooltipSelectorAntV from '@/views/chart/components/shapeAttr/TooltipSelectorAntV'
+import TotalCfg from '@/views/chart/components/shapeAttr/TotalCfg'
+import XAxisSelector from '@/views/chart/components/componentStyle/XAxisSelector'
+import XAxisSelectorAntV from '@/views/chart/components/componentStyle/XAxisSelectorAntV'
+import YAxisSelector from '@/views/chart/components/componentStyle/YAxisSelector'
+import YAxisSelectorAntV from '@/views/chart/components/componentStyle/YAxisSelectorAntV'
+import YAxisExtSelector from '@/views/chart/components/componentStyle/YAxisExtSelector'
+import YAxisExtSelectorAntV from '@/views/chart/components/componentStyle/YAxisExtSelectorAntV'
+import TitleSelector from '@/views/chart/components/componentStyle/TitleSelector'
+import TitleSelectorAntV from '@/views/chart/components/componentStyle/TitleSelectorAntV'
+import LegendSelector from '@/views/chart/components/componentStyle/LegendSelector'
+import MarginSelector from '@/views/chart/components/componentStyle/MarginSelector'
+import LegendSelectorAntV from '@/views/chart/components/componentStyle/LegendSelectorAntV'
+import BackgroundColorSelector from '@/views/chart/components/componentStyle/BackgroundColorSelector'
+import SplitSelector from '@/views/chart/components/componentStyle/SplitSelector'
+import SplitSelectorAntV from '@/views/chart/components/componentStyle/SplitSelectorAntV'
 import { mapState } from 'vuex'
 
 export default {
diff --git a/frontend/src/views/dataset/add/AddUnion.vue b/frontend/src/views/dataset/add/AddUnion.vue
index 707f5a221a..1b507b1e2c 100644
--- a/frontend/src/views/dataset/add/AddUnion.vue
+++ b/frontend/src/views/dataset/add/AddUnion.vue
@@ -142,7 +142,7 @@
 <script>
 import UnionNode from '@/views/dataset/add/union/UnionNode'
 import NodeItem from '@/views/dataset/add/union/NodeItem'
-import datasetTree from '@/views/dataset/common/datasetTree'
+import datasetTree from '@/views/dataset/common/DatasetTree'
 import UnionEdit from '@/views/dataset/add/union/UnionEdit'
 import { post } from '@/api/dataset/dataset'
 import UnionPreview from '@/views/dataset/add/union/UnionPreview'
diff --git a/frontend/src/views/dataset/add/union/NodeItem.vue b/frontend/src/views/dataset/add/union/NodeItem.vue
index f47e74416e..3c8933a743 100644
--- a/frontend/src/views/dataset/add/union/NodeItem.vue
+++ b/frontend/src/views/dataset/add/union/NodeItem.vue
@@ -162,7 +162,7 @@
 </template>
 
 <script>
-import datasetTree from '@/views/dataset/common/datasetTree'
+import datasetTree from '@/views/dataset/common/DatasetTree'
 import UnionFieldEdit from '@/views/dataset/add/union/UnionFieldEdit'
 export default {
   name: 'NodeItem',
diff --git a/frontend/src/views/dataset/data/UpdateInfo.vue b/frontend/src/views/dataset/data/UpdateInfo.vue
index 8839c18e99..981051a2e1 100644
--- a/frontend/src/views/dataset/data/UpdateInfo.vue
+++ b/frontend/src/views/dataset/data/UpdateInfo.vue
@@ -536,7 +536,7 @@ import 'codemirror/addon/hint/show-hint.css'
 import 'codemirror/addon/hint/sql-hint'
 import 'codemirror/addon/hint/show-hint'
 // vue-cron
-import cron from '@/components/cron/cron'
+import cron from '@/components/cron/Cron'
 import { hasDataPermission } from '@/utils/permission'
 import { engineMode } from '@/api/system/engine'
 import GridTable from '@/components/gridTable/index.vue'
diff --git a/frontend/src/views/dataset/data/UpdateRecords.vue b/frontend/src/views/dataset/data/UpdateRecords.vue
index d0e65f8d2c..3e6fa82ebe 100644
--- a/frontend/src/views/dataset/data/UpdateRecords.vue
+++ b/frontend/src/views/dataset/data/UpdateRecords.vue
@@ -500,7 +500,7 @@ import 'codemirror/keymap/emacs.js'
 import 'codemirror/addon/hint/show-hint.css'
 import 'codemirror/addon/hint/sql-hint'
 import 'codemirror/addon/hint/show-hint'
-import cron from '@/components/cron/cron'
+import cron from '@/components/cron/Cron'
 import { hasDataPermission } from '@/utils/permission'
 import { engineMode } from '@/api/system/engine'
 export default {
diff --git a/frontend/src/views/dataset/index.vue b/frontend/src/views/dataset/index.vue
index cede6394d4..955cd6f713 100644
--- a/frontend/src/views/dataset/index.vue
+++ b/frontend/src/views/dataset/index.vue
@@ -27,7 +27,7 @@ import DeContainer from '@/components/dataease/DeContainer'
 import DeAsideContainer from '@/components/dataease/DeAsideContainer'
 import Group from './group/Group'
 
-import noSelect from './data/noSelect'
+import noSelect from './data/NoSelect'
 import ViewTable from './data/ViewTable'
 import FieldEdit from './data/FieldEdit'
 import { removeClass } from '@/utils'
diff --git a/frontend/src/views/nested/menu1/index.vue b/frontend/src/views/nested/menu1/index.vue
deleted file mode 100644
index 20ed55ee85..0000000000
--- a/frontend/src/views/nested/menu1/index.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <div style="padding:30px;">
-    <el-alert
-      :closable="false"
-      title="menu 1"
-    >
-      <router-view />
-    </el-alert>
-  </div>
-</template>
diff --git a/frontend/src/views/nested/menu1/menu1-1/index.vue b/frontend/src/views/nested/menu1/menu1-1/index.vue
deleted file mode 100644
index 048a6a3bdb..0000000000
--- a/frontend/src/views/nested/menu1/menu1-1/index.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <div style="padding:30px;">
-    <el-alert
-      :closable="false"
-      title="menu 1-1"
-      type="success"
-    >
-      <router-view />
-    </el-alert>
-  </div>
-</template>
diff --git a/frontend/src/views/nested/menu1/menu1-2/index.vue b/frontend/src/views/nested/menu1/menu1-2/index.vue
deleted file mode 100644
index 1daa1f720f..0000000000
--- a/frontend/src/views/nested/menu1/menu1-2/index.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <div style="padding:30px;">
-    <el-alert
-      :closable="false"
-      title="menu 1-2"
-      type="success"
-    >
-      <router-view />
-    </el-alert>
-  </div>
-</template>
diff --git a/frontend/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue b/frontend/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
deleted file mode 100644
index adc43988a1..0000000000
--- a/frontend/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template functional>
-  <div style="padding:30px;">
-    <el-alert
-      :closable="false"
-      title="menu 1-2-1"
-      type="warning"
-    />
-  </div>
-</template>
diff --git a/frontend/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue b/frontend/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
deleted file mode 100644
index 37fdf19766..0000000000
--- a/frontend/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template functional>
-  <div style="padding:30px;">
-    <el-alert
-      :closable="false"
-      title="menu 1-2-2"
-      type="warning"
-    />
-  </div>
-</template>
diff --git a/frontend/src/views/nested/menu1/menu1-3/index.vue b/frontend/src/views/nested/menu1/menu1-3/index.vue
deleted file mode 100644
index 58565b9afc..0000000000
--- a/frontend/src/views/nested/menu1/menu1-3/index.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template functional>
-  <div style="padding:30px;">
-    <el-alert
-      :closable="false"
-      title="menu 1-3"
-      type="success"
-    />
-  </div>
-</template>
diff --git a/frontend/src/views/nested/menu2/index.vue b/frontend/src/views/nested/menu2/index.vue
deleted file mode 100644
index 4c158d4384..0000000000
--- a/frontend/src/views/nested/menu2/index.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div style="padding:30px;">
-    menu 2
-  </div>
-</template>
diff --git a/frontend/src/views/panel/SubjectSetting/PanelStyle/PanelBackgroundColorSelector.vue b/frontend/src/views/panel/SubjectSetting/PanelStyle/PanelBackgroundColorSelector.vue
index 73596d7670..da0e37e442 100644
--- a/frontend/src/views/panel/SubjectSetting/PanelStyle/PanelBackgroundColorSelector.vue
+++ b/frontend/src/views/panel/SubjectSetting/PanelStyle/PanelBackgroundColorSelector.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import BackgroundColorSelector from '@/views/chart/components/component-style/BackgroundColorSelector'
+import BackgroundColorSelector from '@/views/chart/components/componentStyle/BackgroundColorSelector'
 
 export default {
   components: { BackgroundColorSelector },
diff --git a/frontend/src/views/panel/SubjectSetting/index.vue b/frontend/src/views/panel/SubjectSetting/index.vue
index 02f51d4b9b..2478507a09 100644
--- a/frontend/src/views/panel/SubjectSetting/index.vue
+++ b/frontend/src/views/panel/SubjectSetting/index.vue
@@ -65,16 +65,16 @@
 </template>
 
 <script>
-import slider from './PreSubject/Slider'
-import BackgroundSelector from './PanelStyle/BackgroundSelector'
-import PanelColorSelector from './PanelStyle/PanelColorSelector'
+import slider from './preSubject/Slider'
+import BackgroundSelector from './panelStyle/BackgroundSelector'
+import PanelColorSelector from './panelStyle/PanelColorSelector'
 import { mapState } from 'vuex'
 import bus from '@/utils/bus'
-import OverallSetting from '@/views/panel/SubjectSetting/PanelStyle/OverallSetting'
-import ViewTitle from '@/views/panel/SubjectSetting/PanelStyle/ViewTitle'
-import ComponentStyle from '@/views/panel/SubjectSetting/PanelStyle/ComponentStyle'
+import OverallSetting from '@/views/panel/subjectSetting/panelStyle/OverallSetting'
+import ViewTitle from '@/views/panel/subjectSetting/panelStyle/ViewTitle'
+import ComponentStyle from '@/views/panel/subjectSetting/panelStyle/ComponentStyle'
 import { adaptCurThemeCommonStyleAll } from '@/components/canvas/utils/style'
-import FilterStyleSelector from '@/views/panel/SubjectSetting/PanelStyle/FilterStyleSelector'
+import FilterStyleSelector from '@/views/panel/subjectSetting/panelStyle/FilterStyleSelector'
 
 export default {
   components: {
diff --git a/frontend/src/views/panel/ViewSelect/multiplexing.vue b/frontend/src/views/panel/ViewSelect/multiplexing.vue
index fa49a7fcb5..3a5bf51381 100644
--- a/frontend/src/views/panel/ViewSelect/multiplexing.vue
+++ b/frontend/src/views/panel/ViewSelect/multiplexing.vue
@@ -43,7 +43,7 @@ import DeAsideContainer from '@/components/dataease/DeAsideContainer'
 import { findOne } from '@/api/panel/panel'
 import { deepCopy, panelDataPrepare } from '@/components/canvas/utils/utils'
 import Preview from '@/components/canvas/components/editor/Preview'
-import MultiplexingView from '@/views/panel/ViewSelect/multiplexingView'
+import MultiplexingView from '@/views/panel/viewSelect/MultiplexingView'
 import { DEFAULT_COMMON_CANVAS_STYLE_STRING } from '@/views/panel/panel'
 import { USER_VIEW } from '@/components/canvas/customComponent/component-list'
 import { uuid } from 'vue-uuid'
diff --git a/frontend/src/views/panel/appTemplateMarket/log/filterUser.vue b/frontend/src/views/panel/appTemplateMarket/log/FilterUser.vue
similarity index 97%
rename from frontend/src/views/panel/appTemplateMarket/log/filterUser.vue
rename to frontend/src/views/panel/appTemplateMarket/log/FilterUser.vue
index 46b325ffbd..02cae2e2ff 100644
--- a/frontend/src/views/panel/appTemplateMarket/log/filterUser.vue
+++ b/frontend/src/views/panel/appTemplateMarket/log/FilterUser.vue
@@ -35,7 +35,7 @@
 
 <script>
 import { dateFormat } from '@/views/system/task/options.js'
-import DeDatePick from '@/components/deCustomCm/deDatePick.vue'
+import DeDatePick from '@/components/deCustomCm/DeDatePick.vue'
 export default {
   components: {
     DeDatePick
diff --git a/frontend/src/views/panel/appTemplateMarket/log/index.vue b/frontend/src/views/panel/appTemplateMarket/log/index.vue
index 434921b9b5..543045c5ea 100644
--- a/frontend/src/views/panel/appTemplateMarket/log/index.vue
+++ b/frontend/src/views/panel/appTemplateMarket/log/index.vue
@@ -214,7 +214,7 @@
 
 <script>
 import GridTable from '@/components/gridTable/index.vue'
-import filterUser from './filterUser'
+import filterUser from './FilterUser'
 import _ from 'lodash'
 import keyEnter from '@/components/msgCfm/keyEnter.js'
 import {
diff --git a/frontend/src/views/panel/edit/index.vue b/frontend/src/views/panel/edit/index.vue
index d7334c8c0d..5aa71b3586 100644
--- a/frontend/src/views/panel/edit/index.vue
+++ b/frontend/src/views/panel/edit/index.vue
@@ -484,7 +484,7 @@ import DeContainer from '@/components/dataease/DeContainer'
 import DeAsideContainer from '@/components/dataease/DeAsideContainer'
 import { addClass, removeClass } from '@/utils'
 import FilterGroup from '../filter'
-import SubjectSetting from '../SubjectSetting'
+import SubjectSetting from '../subjectSetting'
 import bus from '@/utils/bus'
 import { deepCopy, getNowCanvasComponentData, imgUrlTrans, matrixBaseChange } from '@/components/canvas/utils/utils'
 import componentList, {
@@ -500,7 +500,7 @@ import Toolbar from '@/components/canvas/components/Toolbar'
 import { checkUserCache, initPanelData, initViewCache, queryPanelMultiplexingViewTree } from '@/api/panel/panel'
 import Preview from '@/components/canvas/components/editor/Preview'
 import elementResizeDetectorMaker from 'element-resize-detector'
-import AssistComponent from '@/views/panel/AssistComponent'
+import AssistComponent from '@/views/panel/assistComponent'
 import ChartGroup from '@/views/chart/group/Group'
 import { chartCopy } from '@/api/chart/chart'
 import CanvasOptBar from '@/components/canvas/components/editor/CanvasOptBar'
@@ -509,7 +509,7 @@ import CanvasOptBar from '@/components/canvas/components/editor/CanvasOptBar'
 import '@/components/canvas/assets/iconfont/iconfont.css'
 import '@/components/canvas/styles/animate.css'
 import { ApplicationContext } from '@/utils/ApplicationContext'
-import FilterDialog from '../filter/filterDialog'
+import FilterDialog from '../filter/FilterDialog'
 import ButtonDialog from '../filter/ButtonDialog'
 import ButtonResetDialog from '../filter/ButtonResetDialog'
 import toast from '@/components/canvas/utils/toast'
@@ -517,9 +517,9 @@ import generateID from '@/components/canvas/utils/generateID'
 import ComponentWait from '@/views/panel/edit/ComponentWait'
 import { deleteEnshrine, saveEnshrine, starStatus } from '@/api/panel/enshrine'
 import ChartEdit from '@/views/chart/view/ChartEdit'
-import OuterParamsSet from '@/views/panel/OuterParamsSet/index'
+import OuterParamsSet from '@/views/panel/outerParamsSet/index'
 import ChartStyleBatchSet from '@/views/chart/view/ChartStyleBatchSet'
-import Multiplexing from '@/views/panel/ViewSelect/multiplexing'
+import Multiplexing from '@/views/panel/viewSelect/Multiplexing'
 import { listenGlobalKeyDown } from '@/components/canvas/utils/shortcutKey'
 import { adaptCurThemeCommonStyle } from '@/components/canvas/utils/style'
 import eventBus from '@/components/canvas/utils/eventBus'
diff --git a/frontend/src/views/panel/list/AppExportForm.vue b/frontend/src/views/panel/list/AppExportForm.vue
index 565b21f96b..798ae41b89 100644
--- a/frontend/src/views/panel/list/AppExportForm.vue
+++ b/frontend/src/views/panel/list/AppExportForm.vue
@@ -90,7 +90,7 @@
 
 <script>
 import i18n from '@/lang/index'
-import deTextarea from '@/components/deCustomCm/deTextarea.vue'
+import deTextarea from '@/components/deCustomCm/DeTextarea.vue'
 import msgCfm from '@/components/msgCfm'
 
 export default {
diff --git a/frontend/src/views/panel/list/PanelList.vue b/frontend/src/views/panel/list/PanelList.vue
index 7779e9ff51..5d63a8b899 100644
--- a/frontend/src/views/panel/list/PanelList.vue
+++ b/frontend/src/views/panel/list/PanelList.vue
@@ -426,11 +426,11 @@
 </template>
 
 <script>
-import GrantAuth from '../GrantAuth'
+import GrantAuth from '../grantAuth'
 import LinkGenerate from '@/views/link/generate'
 import { uuid } from 'vue-uuid'
 import bus from '@/utils/bus'
-import EditPanel from './EditPanel'
+import EditPanel from './editPanel'
 import { addGroup, defaultTree, delGroup, groupTree, initPanelData, panelUpdate, viewPanelLog } from '@/api/panel/panel'
 import { mapState } from 'vuex'
 import { DEFAULT_COMMON_CANVAS_STYLE_STRING } from '@/views/panel/panel'
diff --git a/frontend/src/views/panel/list/PanelMain.vue b/frontend/src/views/panel/list/PanelMain.vue
index 315bbd02d0..df94cfd860 100644
--- a/frontend/src/views/panel/list/PanelMain.vue
+++ b/frontend/src/views/panel/list/PanelMain.vue
@@ -51,7 +51,7 @@ import DeContainer from '@/components/dataease/DeContainer'
 import DeAsideContainer from '@/components/dataease/DeAsideContainer'
 import PanelList from '../list/PanelList'
 import PanelViewShow from '../list/PanelViewShow'
-import ShareTree from '../GrantAuth/shareTree'
+import ShareTree from '../grantAuth/ShareTree'
 import Enshrine from '../enshrine/index'
 import { pluginTypes } from '@/api/chart/chart'
 
diff --git a/frontend/src/views/panel/list/PanelViewShow.vue b/frontend/src/views/panel/list/PanelViewShow.vue
index 4b497eca58..cef98fca05 100644
--- a/frontend/src/views/panel/list/PanelViewShow.vue
+++ b/frontend/src/views/panel/list/PanelViewShow.vue
@@ -333,7 +333,7 @@ import JSZip from 'jszip'
 import { deleteEnshrine, saveEnshrine, starStatus } from '@/api/panel/enshrine'
 import bus from '@/utils/bus'
 import { queryAll } from '@/api/panel/pdfTemplate'
-import ShareHead from '@/views/panel/GrantAuth/ShareHead'
+import ShareHead from '@/views/panel/grantAuth/shareHead'
 import { export2AppCheck, initPanelData, updatePanelStatus } from '@/api/panel/panel'
 import { proxyInitPanelData } from '@/api/panel/shareProxy'
 import { dataURLToBlob, getNowCanvasComponentData } from '@/components/canvas/utils/utils'
diff --git a/frontend/src/views/panel/video/index.vue b/frontend/src/views/panel/video/index.vue
index 93a408a967..d24d4d8879 100644
--- a/frontend/src/views/panel/video/index.vue
+++ b/frontend/src/views/panel/video/index.vue
@@ -5,7 +5,6 @@
 <script>
 
 import DeVideo from '@/components/canvas/customComponent/DeVideo'
-
 export default {
   name: 'VideoDe',
   components: { DeVideo }
diff --git a/frontend/src/views/panel/ViewSelect/index-with-drag.vue b/frontend/src/views/panel/viewSelect/IndexWithDrag.vue
similarity index 100%
rename from frontend/src/views/panel/ViewSelect/index-with-drag.vue
rename to frontend/src/views/panel/viewSelect/IndexWithDrag.vue
diff --git a/frontend/src/views/system/datasource/ApiAuthConfig.vue b/frontend/src/views/system/datasource/ApiAuthConfig.vue
index 15a69b7a70..931aec980c 100644
--- a/frontend/src/views/system/datasource/ApiAuthConfig.vue
+++ b/frontend/src/views/system/datasource/ApiAuthConfig.vue
@@ -62,7 +62,7 @@
 </template>
 
 <script>
-import dePwd from '@/components/deCustomCm/dePwd.vue'
+import dePwd from '@/components/deCustomCm/DePwd.vue'
 export default {
   name: 'ApiAuthConfig',
   components: { dePwd },
diff --git a/frontend/src/views/system/datasource/DsConfiguration.vue b/frontend/src/views/system/datasource/DsConfiguration.vue
index b1f059322c..322f95911b 100644
--- a/frontend/src/views/system/datasource/DsConfiguration.vue
+++ b/frontend/src/views/system/datasource/DsConfiguration.vue
@@ -732,7 +732,7 @@
 import i18n from '@/lang'
 import { checkApiDatasource, getSchema } from '@/api/system/datasource'
 import ApiHttpRequestForm from '@/views/system/datasource/ApiHttpRequestForm'
-import dePwd from '@/components/deCustomCm/dePwd.vue'
+import dePwd from '@/components/deCustomCm/DePwd.vue'
 import msgCfm from '@/components/msgCfm'
 export default {
   name: 'DsConfiguration',
diff --git a/frontend/src/views/system/datasource/DsForm.vue b/frontend/src/views/system/datasource/DsForm.vue
index a3d006e8c2..d8227cf5bb 100644
--- a/frontend/src/views/system/datasource/DsForm.vue
+++ b/frontend/src/views/system/datasource/DsForm.vue
@@ -289,7 +289,7 @@ import i18n from '@/lang/index'
 import DsConfiguration from '@/views/system/datasource/DsConfiguration'
 import PluginCom from '@/views/system/plugin/PluginCom'
 import { listDatasourceType, listDatasource } from '@/api/system/datasource'
-import deTextarea from '@/components/deCustomCm/deTextarea.vue'
+import deTextarea from '@/components/deCustomCm/DeTextarea.vue'
 import msgCfm from '@/components/msgCfm'
 import { dsGroupTree } from '@/api/dataset/dataset'
 import { appApply, appEdit, groupTree } from '@/api/panel/panel'
diff --git a/frontend/src/views/system/datasource/DsMain.vue b/frontend/src/views/system/datasource/DsMain.vue
index 3c5c57aae9..6bdb6fa943 100644
--- a/frontend/src/views/system/datasource/DsMain.vue
+++ b/frontend/src/views/system/datasource/DsMain.vue
@@ -59,7 +59,7 @@ import DeMainContainer from '@/components/dataease/DeMainContainer'
 import DeAsideContainer from '@/components/dataease/DeAsideContainer'
 import DsTree from './DsTree'
 import DsForm from './DsForm'
-import dsTable from './dsTable'
+import dsTable from './DsTable'
 import DriverForm from './DriverFormDetail'
 export default {
   name: 'DsMain',
diff --git a/frontend/src/views/system/datasource/dsTable.vue b/frontend/src/views/system/datasource/DsTable.vue
similarity index 100%
rename from frontend/src/views/system/datasource/dsTable.vue
rename to frontend/src/views/system/datasource/DsTable.vue
diff --git a/frontend/src/views/system/datasource/DsTree.vue b/frontend/src/views/system/datasource/DsTree.vue
index a668135c8a..78d375e5a8 100644
--- a/frontend/src/views/system/datasource/DsTree.vue
+++ b/frontend/src/views/system/datasource/DsTree.vue
@@ -315,7 +315,7 @@ import {
   listDriverByType,
   updateDriver
 } from '@/api/system/datasource'
-import deTextarea from '@/components/deCustomCm/deTextarea.vue'
+import deTextarea from '@/components/deCustomCm/DeTextarea.vue'
 import msgCfm from '@/components/msgCfm'
 export default {
   name: 'DsTree',
diff --git a/frontend/src/views/system/datasource/form.vue b/frontend/src/views/system/datasource/form.vue
deleted file mode 100644
index 0cd2f7f697..0000000000
--- a/frontend/src/views/system/datasource/form.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <div class="de-ds-form">123</div>
-</template>
-
-<script>
-export default {
-}
-</script>
-
-<style>
-</style>
diff --git a/frontend/src/views/system/log/FilterUser.vue b/frontend/src/views/system/log/FilterUser.vue
index 494e64d8b6..2a3235a6b7 100644
--- a/frontend/src/views/system/log/FilterUser.vue
+++ b/frontend/src/views/system/log/FilterUser.vue
@@ -88,7 +88,7 @@
 import { dateFormat } from '@/views/system/task/options.js'
 import { opTypes } from '@/api/system/log'
 import { post } from '@/api/dataset/dataset'
-import DeDatePick from '@/components/deCustomCm/deDatePick.vue'
+import DeDatePick from '@/components/deCustomCm/DeDatePick.vue'
 export default {
   components: {
     DeDatePick
diff --git a/frontend/src/views/system/plugin/dynamic.vue b/frontend/src/views/system/plugin/Dynamic.vue
similarity index 100%
rename from frontend/src/views/system/plugin/dynamic.vue
rename to frontend/src/views/system/plugin/Dynamic.vue
diff --git a/frontend/src/views/system/sysParam/BasicSetting.vue b/frontend/src/views/system/sysParam/BasicSetting.vue
index e555dd783e..8f1cfa19e5 100644
--- a/frontend/src/views/system/sysParam/BasicSetting.vue
+++ b/frontend/src/views/system/sysParam/BasicSetting.vue
@@ -290,7 +290,7 @@ export default {
       if (res.success && res.data) {
         this.loginTypes.push(3)
       }
-    }),
+    })
     wecomStatus().then(res => {
       if (res.success && res.data) {
         this.loginTypes.push(4)
diff --git a/frontend/src/views/system/sysParam/ClusterModeSetting.vue b/frontend/src/views/system/sysParam/ClusterModeSetting.vue
index f3ac3b02ca..8db92418eb 100644
--- a/frontend/src/views/system/sysParam/ClusterModeSetting.vue
+++ b/frontend/src/views/system/sysParam/ClusterModeSetting.vue
@@ -184,7 +184,7 @@ import { engineInfo, validate, save } from '@/api/system/engine'
 import i18n from '@/lang'
 import operator from './Operator'
 import msgCfm from '@/components/msgCfm'
-import dePwd from '@/components/deCustomCm/dePwd.vue'
+import dePwd from '@/components/deCustomCm/DePwd.vue'
 export default {
   name: 'ClusterMode',
   components: {
diff --git a/frontend/src/views/system/sysParam/EmailSetting.vue b/frontend/src/views/system/sysParam/EmailSetting.vue
index 8518980f16..59a5a818d6 100644
--- a/frontend/src/views/system/sysParam/EmailSetting.vue
+++ b/frontend/src/views/system/sysParam/EmailSetting.vue
@@ -131,7 +131,7 @@
 import { emailInfo, updateInfo, validate } from '@/api/system/email'
 import operator from './Operator'
 import msgCfm from '@/components/msgCfm'
-import dePwd from '@/components/deCustomCm/dePwd.vue'
+import dePwd from '@/components/deCustomCm/DePwd.vue'
 const list = ['host', 'port', 'account', 'password', 'ssl', 'tls', '', 'recipient']
 export default {
   name: 'EmailSetting',
diff --git a/frontend/src/views/system/sysParam/KettleSetting.vue b/frontend/src/views/system/sysParam/KettleSetting.vue
index 9fd2a18fb0..e8463456f4 100644
--- a/frontend/src/views/system/sysParam/KettleSetting.vue
+++ b/frontend/src/views/system/sysParam/KettleSetting.vue
@@ -161,7 +161,7 @@ import {
   validateById
 } from '@/api/system/kettle'
 import GridTable from '@/components/gridTable/index.vue'
-import dePwd from '@/components/deCustomCm/dePwd.vue'
+import dePwd from '@/components/deCustomCm/DePwd.vue'
 import msgCfm from '@/components/msgCfm'
 
 export default {
diff --git a/frontend/src/views/system/task/FilterUser.vue b/frontend/src/views/system/task/FilterUser.vue
index b57dd9ac08..65fc8d8d2c 100644
--- a/frontend/src/views/system/task/FilterUser.vue
+++ b/frontend/src/views/system/task/FilterUser.vue
@@ -145,7 +145,7 @@
 <script>
 import { filterDataset, dateFormat } from './options'
 import { queryAuthModel } from '@/api/authModel/authModel'
-import DeDatePick from '@/components/deCustomCm/deDatePick.vue'
+import DeDatePick from '@/components/deCustomCm/DeDatePick.vue'
 
 export default {
   components: {
diff --git a/frontend/src/views/system/task/FilterUserRecord.vue b/frontend/src/views/system/task/FilterUserRecord.vue
index ae0719e31f..fe8e2a0a98 100644
--- a/frontend/src/views/system/task/FilterUserRecord.vue
+++ b/frontend/src/views/system/task/FilterUserRecord.vue
@@ -148,7 +148,7 @@
 <script>
 import { filterDatasetRecord, dateFormat } from './options'
 import { queryAuthModel } from '@/api/authModel/authModel'
-import DeDatePick from '@/components/deCustomCm/deDatePick.vue'
+import DeDatePick from '@/components/deCustomCm/DeDatePick.vue'
 
 export default {
   components: {
diff --git a/frontend/src/views/system/task/Form.vue b/frontend/src/views/system/task/Form.vue
index 8a217351a2..82f3b62848 100644
--- a/frontend/src/views/system/task/Form.vue
+++ b/frontend/src/views/system/task/Form.vue
@@ -257,7 +257,7 @@ import DeLayoutContent from '@/components/business/DeLayoutContent'
 import { hasDataPermission } from '@/utils/permission'
 import msgCfm from '@/components/msgCfm/index'
 
-import cron from '@/components/cron/cron'
+import cron from '@/components/cron/Cron'
 import { codemirror } from 'vue-codemirror'
 import 'codemirror/lib/codemirror.css'
 import 'codemirror/theme/eclipse.css'
diff --git a/frontend/src/views/system/user/PersonPwd.vue b/frontend/src/views/system/user/PersonPwd.vue
index eb0203848d..55e6939488 100644
--- a/frontend/src/views/system/user/PersonPwd.vue
+++ b/frontend/src/views/system/user/PersonPwd.vue
@@ -52,7 +52,7 @@
 <script>
 import LayoutContent from '@/components/business/LayoutContent'
 import { updatePersonPwd } from '@/api/system/user'
-import dePwd from '@/components/deCustomCm/dePwd.vue'
+import dePwd from '@/components/deCustomCm/DePwd.vue'
 export default {
 
   components: { LayoutContent, dePwd },
diff --git a/frontend/src/views/wizard/index_back.vue b/frontend/src/views/wizard/IndexBack.vue
similarity index 98%
rename from frontend/src/views/wizard/index_back.vue
rename to frontend/src/views/wizard/IndexBack.vue
index d3c2875307..5c11925f9e 100644
--- a/frontend/src/views/wizard/index_back.vue
+++ b/frontend/src/views/wizard/IndexBack.vue
@@ -37,14 +37,14 @@
 
 <script>
 
-import Card from '@/views/wizard/card'
+import Card from '@/views/wizard/Card'
 import DemoVideo from '@/views/wizard/details/DemoVideo'
 import OnlineDocument from '@/views/wizard/details/OnlineDocument'
 import LatestDevelopments from '@/views/wizard/details/LatestDevelopments'
 import TeachingVideo from '@/views/wizard/details/TeachingVideo'
 import EnterpriseEdition from '@/views/wizard/details/EnterpriseEdition'
 import ContactUs from '@/views/wizard/details/ContactUs'
-import InfoCard from '@/views/wizard/infoCard'
+import InfoCard from '@/views/wizard/InfoCard'
 import CardDetail from '@/views/wizard/details/CardDetail'
 import { blogLastActive } from '@/api/wizard/wizard'
 
diff --git a/frontend/src/views/wizard/index.vue b/frontend/src/views/wizard/index.vue
index 21967ffef1..aa69e59b57 100644
--- a/frontend/src/views/wizard/index.vue
+++ b/frontend/src/views/wizard/index.vue
@@ -134,9 +134,9 @@
 <script>
 
 import { blogLastActive } from '@/api/wizard/wizard'
-import WizardCard from '@/views/wizard/wizardCard'
-import VideoCard from '@/views/wizard/videoCard'
-import WizardCardEnterprise from '@/views/wizard/wizardCardEnterprise'
+import WizardCard from '@/views/wizard/WizardCard'
+import VideoCard from '@/views/wizard/VideoCard'
+import WizardCardEnterprise from '@/views/wizard/WizardCardEnterprise'
 
 export default {
   name: 'Wizard',