整理了一下整个admin的框架

docs/advance/async.md

@@ -64,23 +64,23 @@ const routerMap = {
   demo: {
     name: '演示页',
     renderMenu: false,
-    component: () => import('@/pages/demo')
+    component: () => import('@/pages/base/demo')
   },
   exp403: {
     authority: '*',
     name: 'exp403',
     path: '403',
-    component: () => import('@/pages/exception/403')
+    component: () => import('@/pages/base/exception/403')
   },
   exp404: {
     name: 'exp404',
     path: '404',
-    component: () => import('@/pages/exception/404')
+    component: () => import('@/pages/base/exception/404')
   },
   exp500: {
     name: 'exp500',
     path: '500',
-    component: () => import('@/pages/exception/500')
+    component: () => import('@/pages/base/exception/500')
   },
   root: {
     path: '/',

docs/advance/authority.md

@@ -54,7 +54,7 @@ getRoles().then(res => {
 ```
 :::tip
 注意，存在本地的 permissions 和 roles 都应该是数组。  
-你可以在 /pages/login/Login.vue 查看完整的用户角色和权限设置代码。
+你可以在 /pages/base/login/Login.vue 查看完整的用户角色和权限设置代码。
 :::
 ## 页面权限
 如果你想给一些页面设置准入权限，只需要给该页面对应的路由设置元数据 authority 即可。 authority 的值可以是一个字符串，也可以是对象。  

docs/develop/layout.md

@@ -42,7 +42,7 @@ lang: zh-CN
     {
       path: 'basic',
       name: '基础表单',
-      component: () => import('@/pages/form/basic/BasicForm'),
+      component: () => import('@/pages/base/form/basic/BasicForm'),
     }
   ]
 }

src/layouts/header/HeaderAvatar.vue

@@ -28,7 +28,7 @@
 
 <script>
 import {mapGetters} from 'vuex' // 加载vuex的mapGetters辅助函数
-import {logout} from '@/services/user' // 加载退出登录的接口
+import {logout} from '@/services/base/user' // 加载退出登录的接口
 
 export default {
   name: 'HeaderAvatar', // 组件名称 头部头像

src/pages/base/components/Palette.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import ColorCheckbox from '../../components/checkbox/ColorCheckbox'
+import ColorCheckbox from '@/components/checkbox/ColorCheckbox'
 
 const ColorCheckboxGroup = ColorCheckbox.Group
 

src/pages/base/components/TaskCard.vue

@@ -13,8 +13,8 @@
 </template>
 
 <script>
-import TaskGroup from '../../components/task/TaskGroup'
+import TaskGroup from '@/components/task/TaskGroup'
-import TaskItem from '../../components/task/TaskItem'
+import TaskItem from '@/components/task/TaskItem'
 const todoList = ['任务一', '任务二', '任务三', '任务四', '任务五', '任务六']
 const inproList = ['任务七', '任务八', '任务九', '任务十', '任务十一', '任务十二']
 const doneList = ['任务十三', '任务十四', '任务十五', '任务十六', '任务十七', '任务十八']

src/pages/base/components/table/Table.vue

@@ -39,7 +39,7 @@
 <script>
   import AdvanceTable from '@/components/table/advance/AdvanceTable'
   import {dataSource as ds} from '@/services'
-  import Api from '@/pages/components/table/Api'
+  import Api from '@/pages/base/components/table/Api'
 
   export default {
     name: 'Table',

src/pages/base/detail/BasicDetail.vue

@@ -37,8 +37,8 @@
 </template>
 
 <script>
-import DetailList from '../../components/tool/DetailList'
+import DetailList from '@/components/tool/DetailList'
-import PageLayout from '../../layouts/PageLayout'
+import PageLayout from '@/layouts/PageLayout'
 
 const DetailListItem = DetailList.Item
 

src/pages/base/form/advance/index.js

@@ -0,0 +1,2 @@
+import AdvancedForm from '@/pages/base/form/advance/AdvancedForm'
+export default AdvancedForm

src/pages/base/list/StandardList.vue

@@ -61,7 +61,7 @@
 </template>
 
 <script>
-import HeadInfo from '../../components/tool/HeadInfo'
+import HeadInfo from '@/components/tool/HeadInfo'
 export default {
   name: 'StandardList',
   components: {HeadInfo}

src/pages/base/list/search/ProjectList.vue

@@ -29,7 +29,7 @@
 
 <script>
 import SearchForm from './SearchForm'
-import AvatarList from '../../../components/tool/AvatarList'
+import AvatarList from '@/components/tool/AvatarList'
 
 const AvatarListItem = AvatarList.Item
 

src/pages/base/list/search/SearchForm.vue

@@ -64,8 +64,8 @@
 </template>
 
 <script>
-import TagSelect from '../../../components/tool/TagSelect'
+import TagSelect from '@/components/tool/TagSelect'
-import FormRow from '../../../components/form/FormRow'
+import FormRow from '@/components/form/FormRow'
 
 const TagSelectOption = TagSelect.Option
 

src/pages/base/result/Success.vue

@@ -35,9 +35,9 @@
 </template>
 
 <script>
-import Result from '../../components/result/Result'
+import Result from '@/components/result/Result'
-import DetailList from '../../components/tool/DetailList'
+import DetailList from '@/components/tool/DetailList'
-import AStepItem from '../../components/tool/AStepItem'
+import AStepItem from '@/components/tool/AStepItem'
 
 const AStepItemGroup = AStepItem.Group
 const DetailListItem = DetailList.Item

src/pages/form/advance/index.js

@@ -1,2 +0,0 @@
-import AdvancedForm from '@/pages/form/advance/AdvancedForm'
-export default AdvancedForm

src/pages/login/Login.vue

@@ -82,7 +82,7 @@
 
 <script>
 import CommonLayout from '@/layouts/CommonLayout'
-import {login, getRoutesConfig} from '@/services/user'
+import {login, getRoutesConfig} from '@/services/base/user'
 import {setAuthorization} from '@/utils/request'
 import {loadRoutes} from '@/utils/routerUtil'
 import {mapMutations} from 'vuex'

src/router/async/base.map.js

@@ -38,17 +38,17 @@ const view = {
     basicForm: {
       path: 'basic',
       name: '基础表单',
-      component: () => import('@/pages/form/basic')
+      component: () => import('@/pages/base/form/basic')
     },
     stepForm: {
       path: 'step',
       name: '分步表单',
-      component: () => import('@/pages/form/step')
+      component: () => import('@/pages/base/form/step')
     },
     advanceForm: {
       path: 'advance',
       name: '高级表单',
-      component: () => import('@/pages/form/advance')
+      component: () => import('@/pages/base/form/advance')
     },
     list: {
       name: '列表页',
@@ -58,34 +58,34 @@ const view = {
     queryList: {
       path: 'query',
       name: '查询表格',
-      component: () => import('@/pages/list/QueryList')
+      component: () => import('@/pages/base/list/QueryList')
     },
     primaryList: {
       path: 'primary',
       name: '标准列表',
-      component: () => import('@/pages/list/StandardList')
+      component: () => import('@/pages/base/list/StandardList')
     },
     cardList: {
       path: 'card',
       name: '卡片列表',
-      component: () => import('@/pages/list/CardList')
+      component: () => import('@/pages/base/list/CardList')
     },
     searchList: {
       path: 'search',
       name: '搜索列表',
-      component: () => import('@/pages/list/search/SearchLayout')
+      component: () => import('@/pages/base/list/search/SearchLayout')
     },
     article: {
       name: '文章',
-      component: () => import('@/pages/list/search/ArticleList')
+      component: () => import('@/pages/base/list/search/ArticleList')
     },
     application: {
       name: '应用',
-      component: () => import('@/pages/list/search/ApplicationList')
+      component: () => import('@/pages/base/list/search/ApplicationList')
     },
     project: {
       name: '项目',
-      component: () => import('@/pages/list/search/ProjectList')
+      component: () => import('@/pages/base/list/search/ProjectList')
     },
     details: {
       name: '详情页',
@@ -95,12 +95,12 @@ const view = {
     basicDetails: {
       path: 'basic',
       name: '基础详情页',
-      component: () => import('@/pages/detail/BasicDetail')
+      component: () => import('@/pages/base/detail/BasicDetail')
     },
     advanceDetails: {
       path: 'advance',
       name: '高级详情页',
-      component: () => import('@/pages/detail/AdvancedDetail')
+      component: () => import('@/pages/base/detail/AdvancedDetail')
     },
     result: {
       name: '结果页',
@@ -109,11 +109,11 @@ const view = {
     },
     success: {
       name: '成功',
-      component: () => import('@/pages/result/Success')
+      component: () => import('@/pages/base/result/Success')
     },
     error: {
       name: '失败',
-      component: () => import('@/pages/result/Error')
+      component: () => import('@/pages/base/result/Error')
     },
     exception: {
       name: '异常页',
@@ -124,17 +124,17 @@ const view = {
       authority: '*',
       name: 'exp403',
       path: '403',
-      component: () => import('@/pages/exception/403')
+      component: () => import('@/pages/base/exception/403')
     },
     exp404: {
       name: 'exp404',
       path: '404',
-      component: () => import('@/pages/exception/404')
+      component: () => import('@/pages/base/exception/404')
     },
     exp500: {
       name: 'exp500',
       path: '500',
-      component: () => import('@/pages/exception/500')
+      component: () => import('@/pages/base/exception/500')
     },
     components: {
       name: '小组件',
@@ -143,11 +143,11 @@ const view = {
     },
     taskCard: {
       name: '任务卡片',
-      component: () => import('@/pages/components/TaskCard')
+      component: () => import('@/pages/base/components/TaskCard')
     },
     palette: {
       name: '颜色复选框',
-      component: () => import('@/pages/components/Palette')
+      component: () => import('@/pages/base/components/Palette')
     },
   
   
@@ -173,7 +173,7 @@ const view = {
     },
     WorkReporList:{
       name: '报工列表',
-      component: () => import('@/pages/plan/WorkReporList'),
+      component: () => import('@/pages/base/plan/WorkReporList'),
       authority: ['WorkReport-All','WorkRepor-List']
     },
     Payroll:{
@@ -184,13 +184,13 @@ const view = {
     },
     PayrollList:{
       name: '工资列表',
-      component: () => import('@/pages/plan/PayrollList'),
+      component: () => import('@/pages/base/plan/PayrollList'),
       authority: ['Payroll-All','Payroll-List']
   
     },
     PayrollSettings:{
       name: '工资设置',
-      component: () => import('@/pages/plan/PayrollSettings'),
+      component: () => import('@/pages/base/plan/PayrollSettings'),
       authority: ['Payroll-All','Payroll-Settings']
     },
   

src/router/config.js

@@ -13,12 +13,12 @@ const options = {
     {
       path: '*',
       name: '404',
-      component: () => import('@/pages/exception/404'),
+      component: () => import('@/pages/base/exception/404'),
     },
     {
       path: '/403',
       name: '403',
-      component: () => import('@/pages/exception/403'),
+      component: () => import('@/pages/base/exception/403'),
     },
     {
       path: '/',
@@ -66,12 +66,12 @@ const options = {
         //     {
         //       path: 'order',
         //       name: '生产订单列表',
-        //       component: () => import('@/pages/plan/Order'),
+        //       component: () => import('@/pages/base/plan/Order'),
         //     },
         //     {
         //       path: 'DemandPlan',
         //       name: '需求计划单列表',
-        //       component: () => import('@/pages/plan/DemandPlan'),
+        //       component: () => import('@/pages/base/plan/DemandPlan'),
         //     }
         //   ]
         // },
@@ -93,7 +93,7 @@ const options = {
         //     {
         //       path: 'DeployList',
         //       name: '布产单列表',
-        //       component: () => import('@/pages/plan/DeployList'),
+        //       component: () => import('@/pages/base/plan/DeployList'),
         //     }
         //   ]
         // },
@@ -115,12 +115,12 @@ const options = {
         //     {
         //       path: 'Dengyao',
         //       name: '登窑管理',
-        //       component: () => import('@/pages/plan/Dengyao'),
+        //       component: () => import('@/pages/base/plan/Dengyao'),
         //     },
         //     {
         //       path: 'UnloadingKiln',
         //       name: '卸窑管理',
-        //       component: () => import('@/pages/plan/UnloadingKiln'),
+        //       component: () => import('@/pages/base/plan/UnloadingKiln'),
         //     }
         //   ]
         // },
@@ -140,7 +140,7 @@ const options = {
         //     {
         //       path: 'WorkReporList',
         //       name: '报工单列表',
-        //       component: () => import('@/pages/plan/WorkReporList'),
+        //       component: () => import('@/pages/base/plan/WorkReporList'),
         //     }
         //   ]
         // },
@@ -160,12 +160,12 @@ const options = {
         //     {
         //       path: 'PayrollList',
         //       name: '计件工资单列表',
-        //       component: () => import('@/pages/plan/PayrollList'),
+        //       component: () => import('@/pages/base/plan/PayrollList'),
         //     },
         //     {
         //       path: 'PayrollSettings',
         //       name: '计件工资设置',
-        //       component: () => import('@/pages/plan/PayrollSettings'),
+        //       component: () => import('@/pages/base/plan/PayrollSettings'),
         //     }
         //   ]
         // },
@@ -186,12 +186,12 @@ const options = {
         //     {
         //       path: 'QualityTestingList',
         //       name: '质检单列表',
-        //       component: () => import('@/pages/plan/QualityTestingList'),
+        //       component: () => import('@/pages/base/plan/QualityTestingList'),
         //     },
         //     {
         //       path: 'QualityInspection',
         //       name: '质检档案',
-        //       component: () => import('@/pages/plan/QualityInspection'),
+        //       component: () => import('@/pages/base/plan/QualityInspection'),
         //     }
         //   ]
         // },
@@ -213,7 +213,7 @@ const options = {
         //     {
         //       path: 'SampleList',
         //       name: '样品列表',
-        //       component: () => import('@/pages/plan/SampleList'),
+        //       component: () => import('@/pages/base/plan/SampleList'),
         //     }
         //   ]
         // },
@@ -236,17 +236,17 @@ const options = {
         //     {
         //       path: 'procedure',
         //       name: '工序管理',
-        //       component: () => import('@/pages/preset/Procedures'),
+        //       component: () => import('@/pages/base/preset/Procedures'),
         //     },
         //     {
         //       path: 'pipeline',
         //       name: '流水线管理',
-        //       component: () => import('@/pages/preset/Pipeline'),
+        //       component: () => import('@/pages/base/preset/Pipeline'),
         //     },
         //     {
         //       path: 'person',
         //       name: '员工管理',
-        //       component: () => import('@/pages/preset/Person'),
+        //       component: () => import('@/pages/base/preset/Person'),
         //     },
 
 
@@ -254,12 +254,12 @@ const options = {
         //     {
         //       path: 'BlankCar',
         //       name: '车架管理',
-        //       component: () => import('@/pages/preset/BlankCar'),
+        //       component: () => import('@/pages/base/preset/BlankCar'),
         //     },
         //     {
         //       path: 'Workshop',
         //       name: '车间管理',
-        //       component: () => import('@/pages/preset/Workshop'),
+        //       component: () => import('@/pages/base/preset/Workshop'),
         //     },
 
 
@@ -268,7 +268,7 @@ const options = {
         //     {
         //       path: 'Kiln',
         //       name: '窑炉管理',
-        //       component: () => import('@/pages/preset/Kiln'),
+        //       component: () => import('@/pages/base/preset/Kiln'),
         //     }
         //   ]
         // },
@@ -289,7 +289,7 @@ const options = {
         //       meta: {
         //         authority: 'queryForm',
         //       },
-        //       component: () => import('@/pages/list/QueryList'),
+        //       component: () => import('@/pages/base/list/QueryList'),
         //     },
         //     {
         //       path: 'query/detail/:id',
@@ -303,32 +303,32 @@ const options = {
         //     {
         //       path: 'primary',
         //       name: '标准列表',
-        //       component: () => import('@/pages/list/StandardList'),
+        //       component: () => import('@/pages/base/list/StandardList'),
         //     },
         //     {
         //       path: 'card',
         //       name: '卡片列表',
-        //       component: () => import('@/pages/list/CardList'),
+        //       component: () => import('@/pages/base/list/CardList'),
         //     },
         //     {
         //       path: 'search',
         //       name: '搜索列表',
-        //       component: () => import('@/pages/list/search/SearchLayout'),
+        //       component: () => import('@/pages/base/list/search/SearchLayout'),
         //       children: [
         //         {
         //           path: 'article',
         //           name: '文章',
-        //           component: () => import('@/pages/list/search/ArticleList'),
+        //           component: () => import('@/pages/base/list/search/ArticleList'),
         //         },
         //         {
         //           path: 'application',
         //           name: '应用',
-        //           component: () => import('@/pages/list/search/ApplicationList'),
+        //           component: () => import('@/pages/base/list/search/ApplicationList'),
         //         },
         //         {
         //           path: 'project',
         //           name: '项目',
-        //           component: () => import('@/pages/list/search/ProjectList'),
+        //           component: () => import('@/pages/base/list/search/ProjectList'),
         //         }
         //       ]
         //     }
@@ -345,12 +345,12 @@ const options = {
         //     {
         //       path: 'basic',
         //       name: '基础详情页',
-        //       component: () => import('@/pages/detail/BasicDetail')
+        //       component: () => import('@/pages/base/detail/BasicDetail')
         //     },
         //     {
         //       path: 'advance',
         //       name: '高级详情页',
-        //       component: () => import('@/pages/detail/AdvancedDetail')
+        //       component: () => import('@/pages/base/detail/AdvancedDetail')
         //     }
         //   ]
         // },
@@ -365,12 +365,12 @@ const options = {
         //     {
         //       path: 'success',
         //       name: '成功',
-        //       component: () => import('@/pages/result/Success')
+        //       component: () => import('@/pages/base/result/Success')
         //     },
         //     {
         //       path: 'error',
         //       name: '失败',
-        //       component: () => import('@/pages/result/Error')
+        //       component: () => import('@/pages/base/result/Error')
         //     }
         //   ]
         // },
@@ -385,17 +385,17 @@ const options = {
         //     {
         //       path: '404',
         //       name: 'Exp404',
-        //       component: () => import('@/pages/exception/404')
+        //       component: () => import('@/pages/base/exception/404')
         //     },
         //     {
         //       path: '403',
         //       name: 'Exp403',
-        //       component: () => import('@/pages/exception/403')
+        //       component: () => import('@/pages/base/exception/403')
         //     },
         //     {
         //       path: '500',
         //       name: 'Exp500',
-        //       component: () => import('@/pages/exception/500')
+        //       component: () => import('@/pages/base/exception/500')
         //     }
         //   ]
         // },
@@ -410,17 +410,17 @@ const options = {
             {
               path: 'taskCard',
               name: '任务卡片',
-              component: () => import('@/pages/components/TaskCard')
+              component: () => import('@/pages/base/components/TaskCard')
             },
             {
               path: 'palette',
               name: '颜色复选框',
-              component: () => import('@/pages/components/Palette')
+              component: () => import('@/pages/base/components/Palette')
             },
             {
               path: 'table',
               name: '高级表格',
-              component: () => import('@/pages/components/table')
+              component: () => import('@/pages/base/components/table')
             }
           ]
         },
@@ -433,7 +433,7 @@ const options = {
               permission: 'form'
             }
           },
-          component: () => import('@/pages/form/basic')
+          component: () => import('@/pages/base/form/basic')
         },
         {
           name: '带参菜单',
@@ -444,7 +444,7 @@ const options = {
               name: '菜单默认参数'
             }
           },
-          component: () => import('@/pages/Demo')
+          component: () => import('@/pages/base/Demo')
         },
         {
           name: '动态路由菜单',
@@ -455,7 +455,7 @@ const options = {
               id: 123
             }
           },
-          component: () => import('@/pages/Demo')
+          component: () => import('@/pages/base/Demo')
         },
         {
           name: 'Ant Design Vue',

src/services/base/user.js

@@ -1,4 +1,4 @@
-import {LOGIN, ROUTES, USERINFO,PERMISSION} from '@/services/api'
+import {LOGIN, ROUTES, USERINFO,PERMISSION} from '@/services/base/api'
 import {request, METHOD, removeAuthorization} from '@/utils/request'
 /**
  * 登录服务

src/services/index.js

@@ -1,5 +1,5 @@
-import userService from './user'
+import userService from './base/user'
-import dataSource from './dataSource'
+import dataSource from './base/dataSource'
 
 export {
   userService,