diff --git a/mock/router.ts b/mock/router.ts
index 6a67bb2..6037507 100644
--- a/mock/router.ts
+++ b/mock/router.ts
@@ -304,7 +304,7 @@ const data = {
       children: [
         {
           path: "dynamic-table",
-          component: "table/dynamic-table/index",
+          component: "demo/table/dynamic-table/index",
           name: "DynamicTable",
           meta: {
             title: "动态Table",
@@ -315,7 +315,7 @@ const data = {
         },
         {
           path: "drag-table",
-          component: "table/drag-table",
+          component: "demo/table/drag-table",
           name: "DragTable",
           meta: {
             title: "拖拽Table",
@@ -326,7 +326,7 @@ const data = {
         },
         {
           path: "complex-table",
-          component: "table/complex-table",
+          component: "demo/table/complex-table",
           name: "ComplexTable",
           meta: {
             title: "综合Table",
@@ -350,7 +350,7 @@ const data = {
       children: [
         {
           path: "permission",
-          component: "permission/page",
+          component: "demo/permission/page",
           name: "Permission",
           meta: {
             title: "Permission",
diff --git a/src/views/permission/components/SwitchRoles.vue b/src/views/demo/permission/components/SwitchRoles.vue
similarity index 89%
rename from src/views/permission/components/SwitchRoles.vue
rename to src/views/demo/permission/components/SwitchRoles.vue
index 20bb5be..0f7789d 100644
--- a/src/views/permission/components/SwitchRoles.vue
+++ b/src/views/demo/permission/components/SwitchRoles.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div style="margin-bottom: 15px">Your roles: {{ roles }}</div>
+    <div class="mb-[15px]">Your roles: {{ roles }}</div>
     Switch roles:
     <el-radio-group v-model="switchRoles">
       <el-radio-button label="EDITOR" />
diff --git a/src/views/permission/page.vue b/src/views/demo/permission/page.vue
similarity index 100%
rename from src/views/permission/page.vue
rename to src/views/demo/permission/page.vue
diff --git a/src/views/table/Export2Excel.js b/src/views/demo/table/Export2Excel.js
similarity index 99%
rename from src/views/table/Export2Excel.js
rename to src/views/demo/table/Export2Excel.js
index c660d6b..6a14ff2 100644
--- a/src/views/table/Export2Excel.js
+++ b/src/views/demo/table/Export2Excel.js
@@ -216,7 +216,7 @@ export function export_json_to_excel({
             wch: 10,
           };
         } else if (val.toString().charCodeAt(0) > 255) {
-        /*再判断是否为中文*/
+          /*再判断是否为中文*/
           return {
             wch: val.toString().length * 2,
           };
diff --git a/src/views/table/complex-table.vue b/src/views/demo/table/complex-table.vue
similarity index 100%
rename from src/views/table/complex-table.vue
rename to src/views/demo/table/complex-table.vue
diff --git a/src/views/table/drag-table.vue b/src/views/demo/table/drag-table.vue
similarity index 100%
rename from src/views/table/drag-table.vue
rename to src/views/demo/table/drag-table.vue
diff --git a/src/views/table/dynamic-table/components/FixedThead.vue b/src/views/demo/table/dynamic-table/components/FixedThead.vue
similarity index 100%
rename from src/views/table/dynamic-table/components/FixedThead.vue
rename to src/views/demo/table/dynamic-table/components/FixedThead.vue
diff --git a/src/views/table/dynamic-table/components/UnfixedThead.vue b/src/views/demo/table/dynamic-table/components/UnfixedThead.vue
similarity index 100%
rename from src/views/table/dynamic-table/components/UnfixedThead.vue
rename to src/views/demo/table/dynamic-table/components/UnfixedThead.vue
diff --git a/src/views/table/dynamic-table/index.vue b/src/views/demo/table/dynamic-table/index.vue
similarity index 100%
rename from src/views/table/dynamic-table/index.vue
rename to src/views/demo/table/dynamic-table/index.vue