update README.en.md.

publish inital version
'admin-22.11.19:修复v2.3.0版本动态路由事件调用关闭当前tagsview、普通路由刷新界面参数丢失问题'
2026-06-19 14:52:59 +08:00 · 2022-12-08 12:00:40 +08:00 · 2022-11-25 22:42:09 +08:00 · 2022-11-19 00:09:19 +08:00 · 2022-11-18 02:19:03 +08:00 · 2022-11-17 08:25:32 +08:00
325 changed files with 9521 additions and 20988 deletions
--- a/.env
+++ b/.env
@ -1,8 +0,0 @@
-# port 端口号
-VITE_PORT = 8888
-
-# open 运行 npm run dev 时自动打开浏览器
-VITE_OPEN = false
-
-# public path 配置线上环境路径（打包）、本地通过 http-server 访问时，请置空即可
-VITE_PUBLIC_PATH = /vue-next-admin-preview/
--- a/.env.development
+++ b/.env.development
@ -1,5 +0,0 @@
-# 本地环境
-ENV = 'development'
-
-# 本地环境接口地址
-VITE_API_URL = 'http://localhost:8888/'
--- a/.env.production
+++ b/.env.production
@ -1,5 +0,0 @@
-# 线上环境
-ENV = 'production'
-
-# 线上环境接口地址
-VITE_API_URL = 'https://lyt-top.gitee.io/vue-next-admin-preview/'
--- a/.gitignore
+++ b/.gitignore
@ -1,23 +1,11 @@
-.DS_Store
-node_modules
-/dist
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+*.code-workspace

-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+# Local History for Visual Studio Code
+.history/
+frontend/LICENSE
+*.zip
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,286 +0,0 @@
-# <a href="https://gitee.com/lyt-top/vue-next-admin" target="_blank">vue-next-admin 更新日志</a>
-
-🎉🎉🔥 `vue-next-admin` 基于 vue3.x 、Typescript、vite、Element plus 等，适配手机、平板、pc 的后台开源免费模板库（vue2.x 请切换 vue-prev-admin 分支）
-
-## 2.0.0
-
-`2022.02.21`
-
-⚡⚡⚡ 此版本为破环性更新，优化内容如下：（谨慎更新！谨慎更新！！谨慎更新！！！）。演示界面建议直接覆盖文件。如需使用之前版本，请前往[gitee 发行版](https://gitee.com/lyt-top/vue-next-admin/releases) 进行对应版本下载。基础版会基于 `master` 分支进行修改
-
- 🌟 更新 依赖更新最新版本
- 🌟 更新 登录页、首页
- 💔 移除 vue-web-screen-shot
- 💔 移除 城市多级联动，完整 json 数据请去 [vue-next-admin-images/menu](https://gitee.com/lyt-top/vue-next-admin-images/tree/master/menu) 仓库查看
- 💔 移除 功能/echartsTree 树图
- 💔 移除 其它设置/Tagsview 风格 2、Tagsview 风格 3
- 💔 移除 功能/验证器
- 🚧 调整 src/api 编写方式
- 🚧 调整 自定义封装公用组件演示，更好的维护
- 🎉 新增 Volar 支持，vs code 配置参考 [Vue Language Features (Volar)](https://lyt-top.gitee.io/vue-next-admin-doc-preview/home/vscode/)
- 🎉 新增 `SvgIcon` 支持本地 svg 图标使用
- 🎉 新增 表单表格验证演示
- 🎯 优化 全局主题（移除 success、info、warning、danger）
- 🎯 优化 工作流（开源）
- 🎯 优化 element plus svg 图标，`elementXXX` 改成 `ele-XXX`
- 🌈 重构 深色模式
- 🌹 合并 [处理 parent 的 h100 由于外层有 min-height 导致失效的问题](https://gitee.com/lyt-top/vue-next-admin/pulls/20)，感谢@MaxNull、@21030442-mao
- 🐞 修复 element plus 升级 `^1.3.0-beta.5` 后 组件 size 大小问题（大改：涉及布局、演示界面）
- 🐞 修复 vs code 使用 Vue Language Features (Volar) 插件 代码报红问题（可以把公用的 ts 类型定义封装起来公用）
-
-## 1.2.2
-
-`2021.12.21`
-
- 🌟 更新 依赖更新最新版本
- 🎯 优化 iframes 滚动条问题
- 🎯 优化 部署后每次都要强制刷新清浏览器缓存问题
- 🎉 新增 工具类百分比验证演示
- 🐞 修复 [tag-view 标签右键会超出浏览器 #I4KN78](https://gitee.com/lyt-top/vue-next-admin/issues/I4KN78)
-
-## 1.2.1
-
-`2021.12.12`
-
- 🌟 更新 依赖更新最新版本
- 🎯 优化 cropper 裁剪时卡顿问题 [#I4M2VQ](https://gitee.com/lyt-top/vue-next-admin/issues/I4M2VQ)
- 🎯 优化 Wangeditor 富文本编辑器的问题 [#I4LPC1](https://gitee.com/lyt-top/vue-next-admin/issues/I4LPC1)、[#I4LM7I](https://gitee.com/lyt-top/vue-next-admin/issues/I4LM7I)
- 🐞 修复 浏览器标题问题
- 🐞 修复 element plus svg 图标引入
- 🐞 修复 工作流不可以拖线连接问题
-
-## 1.2.0
-
-`2021.11.28`
-
- 🌟 更新 依赖更新最新版本
- 🎯 优化 深色模式
- 🎯 优化 `/@/utils` 文件夹，合并删除单一内容
- 🎯 优化 系统设置：菜单管理（新增、修改）、角色管理（新增菜单权限）、用户管理、部门管理、字典管理
- 🎯 优化 登录界面逻辑、权限管理逻辑
- 🎯 优化 同步 [vue-next-admin-images](https://gitee.com/lyt-top/vue-next-admin-images/tree/master/menu) 后端控制菜单模拟数据
- 🎉 新增 适配 Font Icon 向 SVG Icon 迁移（改动大，"element-plus": "^1.2.0-beta.4" 谨慎更新）
- 🐞 修复 热更新问题，感谢@甜蜜蜜
- 🐞 修复 页面/element 字体图标演示
- 🐞 修复 功能/图标选择器演示，新增高级功能 [issues #I4GJXQ](https://gitee.com/lyt-top/vue-next-admin/issues/I4GJXQ)
-
-## 1.1.2
-
-`2021.10.17`
-
- 🌟 更新 依赖更新最新版本
- 🐞 修复 开启全屏时，刷新界面被还原成未全屏的状态
- 🎯 优化 tagsView 右键菜单关闭逻辑
- 🎯 优化 wangeditor 富文本编辑器（增加双向绑定）
- 🎉 新增 工作流（暂不开源）
- 🎉 新增 基础版 ts（不带国际化），切换 `vue-next-admin-template` 分支
-
-## 1.1.1
-
-`2021.09.25`
-
- 🌟 更新 依赖更新最新版本（`"element-plus": "^1.1.0-beta.13"` 版本运行错误，`^1.1.0-beta.16`修复横向菜单卡死问题）
- 🐞 修复 Dialog 弹窗位置错误、Drawer 抽屉内边距、el-menu 菜单收起时背景色问题
- 🎯 优化 锁屏界面自动锁屏(s/秒)必须设置至少 1 秒
- 🎉 新增 分栏布局，鼠标移入当前项时，显示当前项菜单内容
- 🎉 新增 工作流（未完成）
-
-## 1.1.0
-
-`2021.09.10`
-
- 🌟 更新 依赖更新最新版本
- 🎯 优化 小屏模式下登录页二维码遮挡标题问题
- 🎉 新增 图片验证器
- 🎉 新增 动态复杂表单
- 🎉 新增 工作流（未完成）
- 🎉 新增 深色主题(伪深色，样式变动大，谨慎更新)
-
-## 1.0.18
-
-`2021.08.29`
-
- 🌟 更新 依赖更新最新版本
- 🎯 优化 权限组件去掉顶级 div（`/src/components/auth`）
- 🎉 新增 布局配置添加恢复默认按钮
- 🐞 修复 升级 <a href="https://element-plus.gitee.io/#/zh-CN/component/changelog" target="_blank">element plus 1.1.0-beta.7</a>后项目无法启动、el-menu 菜单
- 🐞 修复 表格固定列时的层级、设置了相对定位时，遮挡左侧导航菜单问题
-
-## 1.0.17
-
-`2021.08.22`
-
- 🌟 更新 依赖更新最新版本
- 🎯 优化 去除设置布局切换，重置主题样式（initSetLayoutChange），切换布局需手动设置样式，设置的样式自动同步各布局
- 🎯 优化 Dropdown 下拉菜单用户账号靠边时换行问题
- 🎯 优化 左侧导航菜单，共用菜单树，防止 `布局配置` 设置 `菜单 / 顶栏` 时，样式丢失等问题
- 🐞 修复 固定 header 后没有回到顶部的 bug，拉取项目后运行不起来的 bug。<a href="https://gitee.com/lyt-top/vue-next-admin/pulls/14" target="_blank">!14</a>，感谢<a href="https://gitee.com/wjs0509" target="_blank">@wjs0509</a>
- 🐞 修复 tagView 右键全屏后，浏览器窗口大小发生任何变化都会导致左边菜单显示出来，并且可点击打开对应页面。<a href="https://gitee.com/lyt-top/vue-next-admin/issues/I46E6T" target="_blank">I46E6T</a>
- 🐞 修复 默认设置 `菜单 / 顶栏` 样式不生效问题（/@/src/store/modules/themeConfig.ts）
-
-## 1.0.16
-
-`2021.08.14`
-
- 🌟 更新 依赖更新最新版本
- 🎯 优化 菜单高亮（详情且详情设置了 meta.isHide 时，顶级菜单高亮），感谢群友@YourObject
- 🎯 优化 详情路径写法：如父级（/pages/filtering），那么详情为（/pages/filtering/details?id=1）。这样写可实现（详情时，父级菜单高亮），否则写成（/pages/filteringDetails?id=1）顶级菜单将不会高亮。可参考：`页面/过滤筛选组件`，点击当前图片进行测试
- 🎯 优化 tagsView 右键菜单全屏时，打开的界面高度问题
- 🎯 优化 图表批量 resize 问题
- 🐞 修复 菜单收起时（设置全局主题：primary 且有二级菜单时），文字高亮颜色不对
- 🐞 修复 国际化 <a href="https://gitee.com/lyt-top/vue-next-admin/issues/I43NPE" target="_blank">#I43NPE</a>。可参考：`页面/过滤筛选组件`，点击顶部语言切换，进行底部分页国际化查看
-
-## 1.0.15
-
-`2021.08.06`
-
- 🌟 更新 依赖更新最新版本
- 🎯 优化 tagsView 右键菜单点击时的字段名（id 已修改成 contextMenuClickId）与路由中返回的 id 名冲突问题，感谢群友@伯牙已遇钟子期
- 🎉 新增 多个 form 表单验证界面演示
-
-## 1.0.14
-
-`2021.07.29`
-
- 🌟 更新 依赖更新最新版本（vue、vuex、vue-router）,出现问题，请手动降级。版本查看：<a href="https://www.npmjs.com/" target="_blank">vnpm</a>
- 🎯 优化 数据可视化图表演示加载卡顿问题、优化有图表的演示界面
- 🎯 优化 路由参数演示界面
- 🎯 优化 tagsView 操作演示界面，由于存在相同路由多标签，必须要传全部参数值（query 或者 params）
- 🎉 新增 开启 TagsView 共用，开启时：（多个路由菜单共用一个详情组件（参数为后点击的覆盖前面点击的），tagsView 中只会出现一个（不支持同时出现多个 tagsView 标签））。关闭时：（多个路由菜单共用一个详情组件，参数不同，会同时出现多个 tagsView 标签）
- 🐞 修复 tagsView 共用（单标签）时，右键菜单功能点击，参数不对的问题（第 2n+个参数未覆盖第一个参数值）
- 🐞 修复 多 tagsView 标签（参数不同）、单个 tagsView 标签公用（参数不同）所带来的刷新功能、横向自动滚动等问题
- 🐞 修复 处理全屏若干问题，<a href="https://gitee.com/lyt-top/vue-next-admin/pulls/12" target="_blank">pr!12</a>，感谢群友@另一个前端
-
-## 1.0.13
-
-`2021.07.25`
-
- 🌟 更新 依赖更新最新版本
- 🎉 新增 数据可视化演示界面（/visualizingDemo1、/visualizingDemo2）
- 🎉 新增 登录页扫码登录
-
-## 1.0.12
-
-`2021.07.16`
-
- 🌟 更新 依赖更新最新版本
- 🎉 新增 数据可视化演示空界面（待完善）
- 🎯 优化 tagsView 动态路由（xxx/:id/:name）时的右键菜单刷新、关闭其它时参数丢失问题（2021.07.15 优化）
- 🐞 修复 路由带参数时，复制路径到登录页，跳转后参数消失的问题
- 🐞 修复 设置多个外链，点击后，页面内容停留在上一个内容（内容未改变）、国际化处理、打开新窗口 sessionStorage 共享等
-
-## 1.0.11
-
-`2021.07.14`
-
- 🌟 更新 依赖更新最新版本
- 🎉 新增 路由参数、图片懒加载界面演示
- ⚠️ 警告 Form 表单 `binding value must be a string or number`，解决：加上 `label-position="top"` 不报警告（等待官方修复）
- 🎯 优化 锁屏界面动画效果、首页图表显示
- 🎯 优化 tagsView 右键菜单 `关闭` 功能逻辑
- 🐞 修复 开启 TagsView 拖拽报错及小于 `1000px` 时自动设置禁止拖拽（<a href="https://gitee.com/lyt-top/vue-next-admin/issues/I3ZRRI" target="_blank">#I3ZRRI</a>）
- 🐞 修复 `iframe 内嵌、外链` 高度问题，使用 computed 进行计算
- 🐞 修复 默认布局开启 `侧边栏 Logo` 与关闭 `菜单水平折叠`，切换到横向布局时，菜单看不见的问题
- 🐞 修复 切换不同布局时，再去开启 `经典布局分割菜单` 功能不生效问题
- 🐞 修复 浏览器窗口标题中/英文切换不实时生效的问题
- 🐞 修复 切换布局时，某些功能不可以使用。部分界面不需要取消事件监听(proxy.mittBus.off('xxx'))
- 🐞 修复 动态路由带参数，router-link 跳转问题（<a href="hhttps://gitee.com/lyt-top/vue-next-admin/issues/I3YX6G" target="_blank">#I3YX6G</a>）
- 🐞 修复 横向菜单有二级菜单时，点击子级菜单不高亮问题
- 🐞 修复 功能 tagsView 操作演示不生效
-
-## 1.0.10
-
-`2021.07.07`
-
- 🌟 更新 依赖更新最新版本（字体图标无问题）
- 🎯 优化 内嵌 iframe、外链，解决 tagsView 刷新问题
-
-## 1.0.9
-
-`2021.07.02`
-
- 🌟 更新 依赖更新最新版本
- 🎯 优化 图标选择器设置宽度、v-model 等问题
- 🎯 优化 滚动通知栏在手机上的体验
- 🎯 优化 系统管理/新增菜单（编辑菜单），使用 `图标选择器` 进行模拟
- 🎯 优化 字体图标(自动载入) 逻辑
- 🐞 修复 screenfull 全屏时，按键盘 esc 键图标不改变问题，感谢群友@伯牙已遇钟子期
-
-## 1.0.8
-
-`2021.06.29`
-
- 🌟 更新 依赖更新最新版本
- 🎉 新增 表单中英文切换演示
- 🎯 优化 登录页查看密码 icon 图标
- 🎯 优化 图标选择器
- 🎯 优化 拖动指令
- 🐞 修复 form 表单在页面小于 576px 时的排版问题
-
-## 1.0.7
-
-`2021.06.24`
-
- 🌟 更新 依赖更新最新版本
- 🎉 新增 拖动指令及其演示界面
- 🎯 优化 锁屏界面，解锁提示
- 🎯 优化 登录页在手机上显示的效果
-
-## 1.0.6
-
-`2021.06.23`
-
- 🎯 优化 去掉内嵌 iframe 内边距（padding）
- 🎯 优化 城市多级联动组件
- 🎯 优化 Tree 树形控件改成表格组件
- 🐞 修复 Cascader 级联选择器高度问题
-
-## 1.0.5
-
-`2021.06.22`
-
- 🌟 更新 vite 降级为@vite2.3.7，降级方法 `cnpm install vite@2.3.7`，防止 element plus 字体图标消失
- 🐞 修复 开启后端控制路由（isRequestRoutes = true）时，内嵌 iframe、外链不可使用的问题
-
-## 1.0.4
-
-`2021.06.19`
-
- 🌟 更新 依赖更新最新版本（"vite": "^2.3.7"）热更新无问题
- 🎉 新增 深克隆工具，方便开发，感谢<a href="https://gitee.com/kangert" target="_blank">@kangert</a>(<a href="https://gitee.com/lyt-top/vue-next-admin/pulls/6" target="_blank">#6</a>)
- 🎯 优化 vuex 模块自动导入。感谢<a href="https://gitee.com/kangert" target="_blank">@kangert</a>(<a href="https://gitee.com/lyt-top/vue-next-admin/pulls/4" target="_blank">#4</a>)，感谢群友@web 小学生-第五君
- 🎯 优化 类型定义提高编码体验，修复不能将类型“string | undefined”分配给类型“string”的问题。感谢<a href="https://gitee.com/kangert" target="_blank">@kangert</a>(<a href="https://gitee.com/lyt-top/vue-next-admin/pulls/5" target="_blank">#5</a>)
- 🎯 优化 `layout` 文件夹移动到与 `views` 文件夹同级（改动较大，`/@/views/layout` 变成 `/@/layout`）
- 🎯 优化 页面有 `console.log` 时 `eslint` 不生效问题
- 🎯 优化 页面、ts 中 `any` 类型问题（改动较大）
- 🎯 优化 登录页在手机上显示的效果
- 🎯 优化 多行注释信息，鼠标放到方法名即可查看，更加直观的知道方法参数等。引入方法时需去掉以 `.ts` 结尾的后缀（改动较大）
- 🎯 优化 移除 `utils/storage.ts` 下的旧写法（改动较大）
- 🎯 优化 拆分 `router` 下内容，路由、前端、后端控制分开写，方便理解
- 🐞 修复 鼠标移入顶部用户信息栏 `开/关全屏` 文字反向问题
- 🐞 修复 热更新时，NextLoading（界面 loading） 不消失问题 `window.nextLoading === undefined`
- 🐞 修复 vuex 中不可以使用 `/@/api/xxx` 下的接口调用问题
-
-## 1.0.3
-
-`2021.06.02`
-
- ❄️ 删除 G6 思维导图界面
- 🌟 更新 手动更新 vue、vue-router、vuex 到最近最多人使用的版本，出现不可预测的问题请降低版本。版本查看：<a href="https://www.npmjs.com/package/vue" target="_blank">vue 版本查看</a>
- 🐞 修复 开启后端控制路由 `isRequestRoutes` 在非首页刷新页面后，回到首页的问题，感谢群友@伯牙已遇钟子期
-
-## 1.0.2
-
-`2021.06.01`
-
- 🌟 更新 依赖更新最新版本
- 🐞 修复 菜单搜索中文不可以搜索的问题，感谢群友@逍遥天意
-
-## 1.0.1
-
-`2021.05.31`
-
- 🎉 新增 更新日志文件 `CHANGELOG.md`，以后每次更新都会在这里显示对应内容
- 🌟 更新 依赖更新最新版本
- 🐞 修复 分栏、经典布局路由设置 `meta.isHide` 为 `true` 时报错问题，感谢群友@29、@芭芭拉
- 🐞 修复 经典布局点击 `tagsView` 左侧菜单数据不变问题
--- a/4
+++ b/4
@ -1,6 +1,6 @@
 MIT License

-Copyright (c) 2021 lyt-Top
+Copyright (c) 2022 倔强嘴角留下一抹殇

 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.
--- a/README.en.md
+++ b/README.en.md
--- a/README.md
+++ b/README.md
--- a/backend/.eslintrc.js
+++ b/backend/.eslintrc.js
@ -0,0 +1,25 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: 'tsconfig.json',
+    tsconfigRootDir : __dirname, 
+    sourceType: 'module',
+  },
+  plugins: ['@typescript-eslint/eslint-plugin'],
+  extends: [
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+  ],
+  root: true,
+  env: {
+    node: true,
+    jest: true,
+  },
+  ignorePatterns: ['.eslintrc.js'],
+  rules: {
+    '@typescript-eslint/interface-name-prefix': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+  },
+};
--- a/backend/.gitignore
+++ b/backend/.gitignore
@ -0,0 +1,37 @@
+# compiled output
+/dist
+/node_modules
+
+# Logs
+logs
+*.log
+npm-debug.log*
+pnpm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+package-lock.json
+# OS
+.DS_Store
+
+# Tests
+/coverage
+/.nyc_output
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+*.lock
--- a/backend/.prettierrc
+++ b/backend/.prettierrc
@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all"
+}
--- a/backend/nest-cli.json
+++ b/backend/nest-cli.json
@ -0,0 +1,5 @@
+{
+  "$schema": "https://json.schemastore.org/nest-cli",
+  "collection": "@nestjs/schematics",
+  "sourceRoot": "src"
+}
--- a/backend/package.json
+++ b/backend/package.json
@ -0,0 +1,90 @@
+{
+  "name": "tsplatform",
+  "version": "1.1.0",
+  "description": "nestjs backend",
+  "author": "SweetHoney",
+  "private": true,
+  "license": "UNLICENSED",
+  "scripts": {
+    "prebuild": "rimraf dist",
+    "build": "nest build",
+    "format": "prettier --write \"src/**/*.ts\" \"test/**/*.ts\"",
+    "start": "nest start",
+    "start:dev": "nest start --watch",
+    "start:debug": "nest start --debug --watch",
+    "start:prod": "node dist/main",
+    "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:cov": "jest --coverage",
+    "test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand",
+    "test:e2e": "jest --config ./test/jest-e2e.json"
+  },
+  "dependencies": {
+    "@fastify/static": "^6.5.0",
+    "@nestjs/common": "^9.0.0",
+    "@nestjs/config": "^2.2.0",
+    "@nestjs/core": "^9.0.0",
+    "@nestjs/jwt": "^9.0.0",
+    "@nestjs/platform-express": "^9.0.0",
+    "@nestjs/platform-fastify": "^9.2.0",
+    "@nestjs/swagger": "^6.1.3",
+    "@nestjs/typeorm": "^9.0.1",
+    "class-transformer": "^0.5.1",
+    "class-validator": "^0.13.2",
+    "cookie-parser": "^1.4.6",
+    "csurf": "^1.11.0",
+    "express-rate-limit": "^6.7.0",
+    "fastify-swagger": "^5.2.0",
+    "fs": "^0.0.1-security",
+    "helmet": "^6.0.0",
+    "mysql2": "^2.3.3",
+    "passport-jwt": "^4.0.0",
+    "reflect-metadata": "^0.1.13",
+    "rimraf": "^3.0.2",
+    "rxjs": "^7.2.0",
+    "ts-md5": "^1.3.1",
+    "typeorm": "^0.3.10"
+  },
+  "devDependencies": {
+    "@nestjs/cli": "^9.0.0",
+    "@nestjs/schematics": "^9.0.0",
+    "@nestjs/testing": "^9.0.0",
+    "@types/express": "^4.17.13",
+    "@types/jest": "28.1.8",
+    "@types/node": "^16.0.0",
+    "@types/passport-jwt": "^3.0.7",
+    "@types/supertest": "^2.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.0.0",
+    "@typescript-eslint/parser": "^5.0.0",
+    "eslint": "^8.0.1",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "jest": "28.1.3",
+    "prettier": "^2.3.2",
+    "source-map-support": "^0.5.20",
+    "supertest": "^6.1.3",
+    "ts-jest": "28.0.8",
+    "ts-loader": "^9.2.3",
+    "ts-node": "^10.0.0",
+    "tsconfig-paths": "4.1.0",
+    "typescript": "^4.7.4"
+  },
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "ts"
+    ],
+    "rootDir": "src",
+    "testRegex": ".*\\.spec\\.ts$",
+    "transform": {
+      "^.+\\.(t|j)s$": "ts-jest"
+    },
+    "collectCoverageFrom": [
+      "**/*.(t|j)s"
+    ],
+    "coverageDirectory": "../coverage",
+    "testEnvironment": "node"
+  }
+}
--- a/backend/src/Config/Index.ts
+++ b/backend/src/Config/Index.ts
@ -0,0 +1,47 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 10:59:16
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 10:58:50
+ * @FilePath: \tsplatform\backend\src\Config\Index.ts
+ * @Description: 系统全局配置
+ */
+
+
+/**
+ * 系统配置
+ */
+export const AppConfig = {
+    debug: false,
+    port: 3000,
+    jwt: {
+        secret: "4vRk^ga52xVP$B2vYK$%r8a8hctLgbU9",
+        expiresIn: "60000s"
+    },
+    md5Key: `4vRk^ga52xVP$B2vYK$%r8a8hctLgbU9`
+}
+/**
+ * 数据库配置
+ */
+export const DataBaseConfig = {
+    DataBase: {
+        type: 'mysql',
+        host: '127.0.0.1',
+        port: 3306,
+        database: 'sweet_honey',
+        username: 'root',
+        password: 'root',
+        //是否自动迁移同步
+        synchronize: true,
+    },
+    DataBase1: {
+        type: 'mysql',
+        host: '127.0.0.1',
+        port: 3306,
+        database: 'test1',
+        username: 'root',
+        password: 'root',
+        //是否自动迁移同步
+        synchronize: true,
+    }
+}
--- a/backend/src/Controller/AuthController.ts
+++ b/backend/src/Controller/AuthController.ts
@ -0,0 +1,123 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 17:06:21
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 11:11:11
+ * @FilePath: \tsplatform\backend\src\Controller\AuthController.ts
+ * @Description: 系统授权控制器
+ */
+import { Body, Controller, Get, Post, Request, Req, UseGuards } from '@nestjs/common';
+import { RestfulReturn } from 'src/Expand/RestfulReturn';
+import {
+    ApiBearerAuth,
+    ApiOperation,
+    ApiTags,
+} from '@nestjs/swagger';
+import { UserService } from 'src/Service/UserService';
+import { RestfulHttpCodeEnum } from 'src/Enum/Global';
+import { JwtService } from '@nestjs/jwt';
+import { LoginDto } from 'src/EntiyDto/LoginDto';
+import { AppConfig } from 'src/Config/Index';
+import { RoleService } from 'src/Service/RoleService';
+import { MenuService } from 'src/Service/MenuService';
+
+@ApiBearerAuth()
+@ApiTags('系统授权管理')
+@Controller('/auth')
+export class AuthController {
+    constructor(
+        public readonly _restful: RestfulReturn,
+        public readonly _service: UserService,
+        public readonly _roleService: RoleService,
+        public readonly _menuService: MenuService,
+        public readonly _jwt: JwtService
+    ) { }
+
+    @ApiOperation({
+        summary: '获取账号登录验证码',
+        description: '获取账号登录验证码'
+    })
+    @Get('/captcha')
+    async captcha() {
+        return await this._restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, ""
+        );
+    }
+
+    @ApiOperation({
+        summary: '账号密码登录',
+        description: '账号密码登录'
+    })
+    @Post('/login')
+    async login(@Body() dto: LoginDto) {
+        const result = await this._service.repository.findOne({ where: { UserName: dto.UserName, Password: dto.Password } });
+        if (result && result.Id > 0) {
+            const token = await this._jwt.signAsync({ uid: result.Id }, {
+                secret: AppConfig.jwt.secret,
+                expiresIn: AppConfig.jwt.expiresIn,
+            });
+            return await this._restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, { userinfo: result, token: token }
+            );
+        } else {
+            return await this._restful.toJson(
+                RestfulHttpCodeEnum.FAIL, "账号密码有误！"
+            );
+        }
+    }
+
+    @ApiOperation({
+        summary: '根据token获取用户信息',
+        description: '根据token获取用户信息'
+    })
+
+    @Get('/getUserInfo')
+    async getUserInfo(@Req() request: Request) {
+        try {
+            const token = request.headers["authorization"];
+            const jwtResult = await this._jwt.verifyAsync(token, { secret: AppConfig.jwt.secret, ignoreExpiration: false })
+            const uid = jwtResult.uid;
+            const result = await this._service.getById(uid);
+            const menuRole = await this._roleService.getMenusByRoleId(result.RoleId);
+            const menuIds: number[] = [];
+            for await (const info of menuRole) {
+                menuIds.push(info.MenuId);
+            }
+            const menus = await this._menuService.repository.createQueryBuilder().whereInIds(menuIds).getMany()
+            const permissions: string[] = [];
+            for await (const info of menus) {
+                permissions.push(info.Permission);
+            }
+            return await this._restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, { userInfo: result, permission: permissions }
+            );
+        }
+        catch (ex) {
+            return await this._restful.toJson(
+                RestfulHttpCodeEnum.FAIL, ex
+            );
+        }
+    }
+
+    @ApiOperation({
+        summary: '根据token退出登录',
+        description: '根据token退出登录'
+    })
+    @Get('/loginOut')
+    async loginOut(@Req() request: Request) {
+        try {
+            const token = request.headers["authorization"];
+            const jwtResult = await this._jwt.verifyAsync(token, { secret: AppConfig.jwt.secret, ignoreExpiration: false })
+            const uid = jwtResult.uid;
+            const result = await this._service.getById(uid);
+            return await this._restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, result
+            );
+        }
+        catch (ex) {
+            return await this._restful.toJson(
+                RestfulHttpCodeEnum.FAIL, ex
+            );
+        }
+    }
+}
--- a/backend/src/Controller/CityController.ts
+++ b/backend/src/Controller/CityController.ts
@ -0,0 +1,143 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 17:05:40
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 11:11:20
+ * @FilePath: \tsplatform\backend\src\Controller\RoleController.ts
+ * @Description: 省市区控制器
+ */
+
+import { Body, Controller, Get, Post, Query } from '@nestjs/common';
+import { RestfulReturn } from 'src/Expand/RestfulReturn';
+import {
+    ApiBearerAuth,
+    ApiOperation,
+    ApiTags,
+} from '@nestjs/swagger';
+import { IdDto, IdsDto, ListDto, PageDto } from 'src/EntiyDto/CommonDto';
+import { RestfulHttpCodeEnum } from 'src/Enum/Global';
+import { CityService } from 'src/Service/CityService';
+import { SysCity } from 'src/Entity/SysCity';
+import { Equal, Not } from 'typeorm';
+@ApiBearerAuth()
+@ApiTags('省市区管理')
+@Controller('/city')
+export class CityController {
+    constructor(
+        public readonly restful: RestfulReturn,
+        public readonly service: CityService
+    ) {
+    }
+    //#region  基础控制器
+    @ApiOperation({
+        summary: '分页查询省市区列表',
+        description: '分页查询省市区列表'
+    })
+    @Get('/getPage')
+    async getPage(@Query() dto: PageDto) {
+        const result = await this.service.getPage(dto.Page, dto.PageSize, dto.Keywords, dto.OrderBy);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS,
+            {
+                total: result[1],
+                page: 1,
+                pageSize: 10,
+                rows: result[0],
+
+            }
+        );
+    }
+
+    @ApiOperation({
+        summary: '查询省市区列表',
+        description: '查询省市区列表'
+    })
+    @Get('/getList')
+    async getList(@Query() dto: ListDto) {
+        const result = await this.service.getList(dto.Keywords, dto.OrderBy);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '根据ID查询省市区',
+        description: '根据ID查询省市区'
+    })
+    @Get('/getById')
+    async getById(@Query() dto: IdDto) {
+        const result = await this.service.getById(dto.Id);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '根据ID数组查询省市区',
+        description: '根据ID数组查询省市区'
+    })
+    @Get('/getByIds')
+    async getByIds(@Query() dto: IdsDto) {
+        const result = await this.service.getByIds(dto.Ids);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '新增省市区',
+        description: '新增省市区'
+    })
+    @Post('/add')
+    async add(@Body() model: SysCity) {
+        const isRepeat = await this.service.repository.createQueryBuilder()
+            .orWhere({ RegionName: Equal(model.RegionName.trim()), })
+            .orWhere({ RegionCode: Equal(model.RegionCode.trim()) }).getCount();
+        if (isRepeat > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, "地区名称或者行政编号重复！"
+            );
+        } else {
+            const result = await this.service.save(new SysCity());
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, result
+            );
+        }
+    }
+
+    @ApiOperation({
+        summary: '修改省市区',
+        description: '修改省市区'
+    })
+    @Post('/edit')
+    async edit(@Body() model: SysCity) {
+        const isRepeat = await this.service.repository.createQueryBuilder()
+            .where({ Id: Not(model.Id) })
+            .andWhere([{ RegionName: Equal(model.RegionName.trim()) }, { RegionCode: Equal(model.RegionCode.trim()) }])
+            .getCount();
+        if (isRepeat > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, "地区名称或者行政编号重复！"
+            );
+        } else {
+            const result = await this.service.save(new SysCity());
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, result
+            );
+        }
+    }
+
+    @ApiOperation({
+        summary: '假删除省市区',
+        description: '假删除省市区'
+    })
+    @Post('/del')
+    async del(@Body() dto: IdDto) {
+        const result = await this.service.destroy(dto.Id);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+    //#endregion
+
+}
--- a/backend/src/Controller/IndexController.ts
+++ b/backend/src/Controller/IndexController.ts
@ -0,0 +1,57 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 17:05:41
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 10:11:01
+ * @FilePath: \tsplatform\backend\src\Controller\UserController.ts
+ * @Description: 系统用户控制器
+ */
+import { Controller, Get } from '@nestjs/common';
+import { RestfulReturn } from 'src/Expand/RestfulReturn';
+import {
+    ApiBearerAuth,
+    ApiOperation,
+    ApiTags,
+} from '@nestjs/swagger';
+import { RestfulHttpCodeEnum } from 'src/Enum/Global';
+import { CityService } from 'src/Service/CityService';
+import { RoleService } from 'src/Service/RoleService';
+import { MenuService } from 'src/Service/MenuService';
+import { UserService } from 'src/Service/UserService';
+@ApiBearerAuth()
+@ApiTags('系统管理')
+@Controller('/')
+export class IndexController {
+    constructor(
+        public readonly restful: RestfulReturn,
+        public readonly role_service: RoleService,
+        public readonly menu_service: MenuService,
+        public readonly user_service: UserService,
+        public readonly city_service: CityService,
+    ) {
+    }
+
+    @ApiOperation({
+        summary: '数据初始化',
+        description: '数据初始化'
+    })
+    @Get('/seed')
+    async seedData() {
+        //初始化账号数据
+        const userCount = await this.user_service.seedData();
+        //初始化菜单数据
+        const menuCount = await this.menu_service.seedData();
+        //初始化角色数据
+        const roleCounts = await this.role_service.seedData();
+        //初始化省市区数据
+        const cityCount = await this.city_service.seedData();
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS,
+            `一共Seed${userCount}条记录！\r\n` +
+            `一共Seed${menuCount}条记录！\r\n` +
+            `一共Seed${roleCounts[0]}条记录！\r\n` +
+            `一共Seed${roleCounts[0]}条记录！\r\n` +
+            `一共Seed${cityCount}条记录！`
+        );
+    }
+}
--- a/backend/src/Controller/MenuController.ts
+++ b/backend/src/Controller/MenuController.ts
@ -0,0 +1,294 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 09:19:20
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 00:23:12
+ * @FilePath: \tsplatform\backend\src\Controller\MenuController.ts
+ * @Description: 系统菜单控制器
+ */
+
+import { Body, Controller, Get, HttpException, HttpStatus, Post, Query } from '@nestjs/common';
+import { RestfulReturn } from 'src/Expand/RestfulReturn';
+import {
+    ApiBearerAuth,
+    ApiOperation,
+    ApiProperty,
+    ApiTags,
+} from '@nestjs/swagger';
+import { SysMenu } from 'src/Entity/SysMenu';
+import { plainToClass } from 'class-transformer';
+import { IdDto, IdsDto, IdStatusDto, ListDto, PageDto, RoleIdDto } from 'src/EntiyDto/CommonDto';
+import { MenuService } from 'src/Service/MenuService';
+import { RestfulHttpCodeEnum } from 'src/Enum/Global';
+import { MenuDto } from 'src/EntiyDto/MenuDto';
+import { RouteMenu } from 'src/EntiyDto/RouteMenu';
+import { Equal, In, Not } from 'typeorm';
+import { RoleService } from 'src/Service/RoleService';
+
+@Controller('/menu')
+@ApiBearerAuth()
+@ApiTags('系统菜单管理')
+export class MenuController {
+    constructor(
+        public readonly restful: RestfulReturn,
+        public readonly service: MenuService,
+        public readonly _roleService: RoleService,
+    ) {
+    }
+
+    @ApiOperation({
+        summary: '获取所有菜单Tree，菜单列表使用',
+        description: '获取所有菜单Tree'
+    })
+    @Get('/getMenuTree')
+    async getMenuTree() {
+        const result = await this.MenuTree(0);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+    @ApiOperation({
+        summary: '根据角色ID获取用户授权的菜单Tree，前端router使用',
+        description: '根据角色ID获取用户授权的菜单Tree'
+    })
+    @Get('/getAuthMenuTree')
+    async getAuthMenuTree(@Query() dto: RoleIdDto) {
+        if (dto.RoleId > 0) {
+            const result = await this.RouteTree(0, dto.RoleId);
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, result
+            );
+        } else {
+            throw new HttpException("角色Id不能为空！", HttpStatus.INTERNAL_SERVER_ERROR);
+        }
+    }
+    //递归获取菜单Tree
+    private async MenuTree(parentId: number): Promise<SysMenu[]> {
+        const result = await this.service.repository.createQueryBuilder()
+            .where({ ParentId: parentId })
+            .orderBy("sort", "ASC")
+            .getMany();
+        const treeList: SysMenu[] = new Array<SysMenu>;
+        for await (let info of result) {
+            const children = await this.MenuTree(info.Id);
+            const node: any = {
+                Id: info.Id,
+                ParentId: info.ParentId,
+                Type: info.Type,
+                Title: info.Title,
+                Path: info.Path,
+                Permission: info.Permission,
+                Component: info.Component,
+                Icon: info.Icon,
+                Name: info.Name,
+                Redirect: info.Redirect,
+                IsLink: info.IsLink,
+                IsHide: info.IsHide,
+                IsKeepAlive: info.IsKeepAlive,
+                IsAffix: info.IsAffix,
+                IsIframe: info.IsIframe,
+                Children: [],
+                Sort: info.Sort,
+            };
+            if (children.length > 0) {
+                node.Children = children;
+            }
+            treeList.push(node);
+        }
+        return treeList;
+    }
+    //递归获取前端路由Tree
+    private async RouteTree(parentId: number, RoleId: number): Promise<RouteMenu[]> {
+        const menuRole = await this._roleService.getMenusByRoleId(RoleId);
+        const menuIds: number[] = [];
+        for await (const info of menuRole) {
+            menuIds.push(info.MenuId);
+        }
+        const result = await this.service.repository.createQueryBuilder()
+            .where({ ParentId: parentId, Id: In(menuIds) })
+            .orderBy("sort", "ASC")
+            .getMany();
+        const treeList: RouteMenu[] = new Array<RouteMenu>;
+        for await (let info of result) {
+            const children = await this.RouteTree(info.Id, RoleId);
+            const node: RouteMenu = {
+                name: info.Name,
+                path: info.Path,
+                component: info.Component,
+                redirect: info.Redirect,
+                meta: {
+                    title: info.Title,
+                    icon: info.Icon,
+                    isLink: info.IsLink,
+                    isHide: info.IsHide,
+                    isKeepAlive: info.IsKeepAlive,
+                    isAffix: info.IsAffix,
+                    isIframe: info.IsIframe,
+                    permission: info.Permission,
+                },
+                children: [],
+            };
+            if (children.length > 0) {
+                for await (let item of children) {
+                    node.children.push({
+                        name: item.name,
+                        path: item.path,
+                        component: item.component,
+                        redirect: item.redirect,
+                        meta: {
+                            title: item.meta.title,
+                            icon: item.meta.icon,
+                            isLink: item.meta.isLink,
+                            isHide: item.meta.isHide,
+                            isKeepAlive: item.meta.isKeepAlive,
+                            isAffix: item.meta.isAffix,
+                            isIframe: item.meta.isIframe,
+                            permission: item.meta.permission,
+                        },
+                        children: [],
+                    });
+                }
+
+            }
+            treeList.push(node);
+        }
+        return treeList;
+    }
+    //#region  基础控制器
+    @ApiOperation({
+        summary: '分页查询菜单列表',
+        description: '分页查询菜单列表'
+    })
+    @ApiProperty()
+    @Get('/getPage')
+    async getPage(@Query() dto: PageDto) {
+        const result = await this.service.getPage(dto.Page, dto.PageSize, dto.Keywords, dto.OrderBy);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS,
+            {
+                total: result[1],
+                page: 1,
+                pageSize: 10,
+                rows: result[0],
+
+            }
+        );
+    }
+
+    @ApiOperation({
+        summary: '查询菜单列表',
+        description: '查询菜单列表'
+    })
+    @Get('/getList')
+    async getList(@Query() dto: ListDto) {
+        const result = await this.service.getList(dto.Keywords, dto.OrderBy);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '根据ID查询菜单',
+        description: '根据ID查询菜单'
+    })
+    @Get('/getById')
+    async getById(@Query() dto: IdDto) {
+        const result = await this.service.getById(dto.Id);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '根据ID数组查询菜单',
+        description: '根据ID数组查询菜单'
+    })
+    @Get('/getByIds')
+    async getByIds(@Query() dto: IdsDto) {
+        const result = await this.service.getByIds(dto.Ids);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '新增菜单',
+        description: '新增菜单'
+    })
+    @Post('/add')
+    async add(@Body() dto: MenuDto) {
+        const model = plainToClass(SysMenu, dto);
+        const isRepeat = await this.service.repository.createQueryBuilder()
+            .orWhere({ Name: Equal(model.Name.trim()), })
+            .orWhere({ Permission: Equal(model.Permission.trim()) }).getCount();
+        if (isRepeat > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, "路由名称或者权限标识重复！"
+            );
+        } else {
+            const result = await this.service.save(model);
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, result
+            );
+        }
+    }
+
+    @ApiOperation({
+        summary: '修改菜单',
+        description: '修改菜单'
+    })
+    @Post('/edit')
+    async edit(@Body() dto: MenuDto) {
+        const model = plainToClass(SysMenu, dto);
+        const isRepeat = await this.service.repository.createQueryBuilder()
+            .where({ Id: Not(model.Id) })
+            .andWhere([{ Name: Equal(model.Name.trim()) }, { Permission: Equal(model.Permission.trim()) }])
+            .getCount();
+        if (isRepeat > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, "路由名称或者权限标识重复！"
+            );
+        } else {
+            const result = await this.service.save(model);
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, result
+            );
+        }
+    }
+
+    @ApiOperation({
+        summary: '假删除菜单',
+        description: '假删除菜单'
+    })
+    @Post('/del')
+    async del(@Body() dto: IdDto) {
+        const result = await this.service.destroy(dto.Id);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+    @ApiOperation({
+        summary: '修改菜单状态',
+        description: '修改菜单状态'
+    })
+    @Post('/setStatus')
+    async setStatus(@Body() dto: IdStatusDto) {
+        const result = await this.service.repository.createQueryBuilder()
+            .update()
+            .set({
+                Status: dto.Status
+            })
+            .where("Id = :Id", { Id: dto.Id })
+            .execute();
+        if (result.affected > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, result
+            );
+        } else {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, result
+            );
+        }
+    }
+    //#endregion
+}
--- a/backend/src/Controller/RoleController.ts
+++ b/backend/src/Controller/RoleController.ts
@ -0,0 +1,189 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 17:05:40
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 22:32:29
+ * @FilePath: \tsplatform\backend\src\Controller\RoleController.ts
+ * @Description: 系统角色控制器
+ */
+
+import { Body, Controller, Get, Post, Query } from '@nestjs/common';
+import { RestfulReturn } from 'src/Expand/RestfulReturn';
+import {
+    ApiBearerAuth,
+    ApiOperation,
+    ApiTags,
+} from '@nestjs/swagger';
+import { RoleService } from 'src/Service/RoleService';
+import { IdDto, IdsDto, IdStatusDto, ListDto, PageDto } from 'src/EntiyDto/CommonDto';
+import { RestfulHttpCodeEnum } from 'src/Enum/Global';
+import { SysRole } from 'src/Entity/SysRole';
+import { RoleDto } from 'src/EntiyDto/RoleDto';
+import { plainToClass } from 'class-transformer';
+import { Not } from 'typeorm';
+@ApiBearerAuth()
+@ApiTags('系统角色管理')
+@Controller('/role')
+export class RoleController {
+    constructor(
+        public readonly restful: RestfulReturn,
+        public readonly service: RoleService
+    ) {
+    }
+
+    //#region  基础控制器
+    @ApiOperation({
+        summary: '分页查询角色列表',
+        description: '分页查询角色列表'
+    })
+    @Get('/getPage')
+    async getPage(@Query() dto: PageDto) {
+        const result = await this.service.getPage(dto.Page, dto.PageSize, dto.Keywords, dto.OrderBy);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS,
+            {
+                total: result[1],
+                page: 1,
+                pageSize: 10,
+                rows: result[0],
+
+            }
+        );
+    }
+
+    @ApiOperation({
+        summary: '查询角色列表',
+        description: '查询角色列表'
+    })
+    @Get('/getList')
+    async getList(@Query() dto: ListDto) {
+        const result = await this.service.getList(dto.Keywords, dto.OrderBy);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '根据ID查询角色',
+        description: '根据ID查询角色'
+    })
+    @Get('/getById')
+    async getById(@Query() dto: IdDto) {
+        const result = await this.service.getById(dto.Id);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '根据ID数组查询角色',
+        description: '根据ID数组查询角色'
+    })
+    @Get('/getByIds')
+    async getByIds(@Query() dto: IdsDto) {
+        const result = await this.service.getByIds(dto.Ids);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '新增角色',
+        description: '新增角色'
+    })
+    @Post('/add')
+    async add(@Body() dto: RoleDto) {
+        const model = plainToClass(SysRole, dto);
+        const isRepeat = await this.service.repository.count({
+            where: { Name: model.Name.trim() }
+        });
+        if (isRepeat > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, "角色名称重复！"
+            );
+        } else {
+            const result = await this.service.save(model);
+            if (result) {
+                return await this.restful.toJson(
+                    RestfulHttpCodeEnum.SUCCESS, result
+                );
+            } else {
+                return await this.restful.toJson(
+                    RestfulHttpCodeEnum.FAIL, result
+                );
+            }
+        }
+    }
+
+    @ApiOperation({
+        summary: '修改角色',
+        description: '修改角色'
+    })
+    @Post('/edit')
+    async edit(@Body() dto: RoleDto) {
+        const model = plainToClass(SysRole, dto);
+        const isRepeat = await this.service.repository.count({
+            where: { Id: Not(model.Id), Name: model.Name.trim() }
+        });
+        if (isRepeat > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, "角色名称重复！"
+            );
+        } else {
+            const result = await this.service.save(model);
+            if (result) {
+                return await this.restful.toJson(
+                    RestfulHttpCodeEnum.SUCCESS, result
+                );
+            } else {
+                return await this.restful.toJson(
+                    RestfulHttpCodeEnum.FAIL, result
+                );
+            }
+        }
+    }
+
+    @ApiOperation({
+        summary: '删除角色',
+        description: '删除角色'
+    })
+    @Post('/del')
+    async del(@Body() dto: IdDto) {
+        const result = await this.service.destroy(dto.Id);
+        if (result) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, result
+            );
+        } else {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, result
+            );
+        }
+    }
+
+    @ApiOperation({
+        summary: '修改角色状态',
+        description: '修改角色状态'
+    })
+    @Post('/setStatus')
+    async setStatus(@Body() dto: IdStatusDto) {
+        const result = await this.service.repository.createQueryBuilder()
+            .update()
+            .set({
+                Status: dto.Status
+            })
+            .where("Id = :Id", { Id: dto.Id })
+            .execute();
+        if (result.affected > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, result
+            );
+        } else {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, result
+            );
+        }
+    }
+    //#endregion
+
+}
--- a/backend/src/Controller/UserController.ts
+++ b/backend/src/Controller/UserController.ts
@ -0,0 +1,188 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 17:05:41
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 22:49:42
+ * @FilePath: \tsplatform\backend\src\Controller\UserController.ts
+ * @Description: 系统用户控制器
+ */
+import { Body, Controller, Get, Post, Query } from '@nestjs/common';
+import { RestfulReturn } from 'src/Expand/RestfulReturn';
+import {
+    ApiBearerAuth,
+    ApiOperation,
+    ApiTags,
+} from '@nestjs/swagger';
+import { UserService } from 'src/Service/UserService';
+import { SysUser } from 'src/Entity/SysUser';
+import { IdDto, IdsDto, IdStatusDto, ListDto, PageDto } from 'src/EntiyDto/CommonDto';
+import { RestfulHttpCodeEnum } from 'src/Enum/Global';
+import { plainToClass } from 'class-transformer';
+import { AppConfig } from 'src/Config/Index';
+import { Md5 } from 'ts-md5';
+import { UserDto } from 'src/EntiyDto/UserDto';
+import { Equal, Not } from 'typeorm';
+@ApiBearerAuth()
+@ApiTags('系统用户管理')
+@Controller('/user')
+export class UserController {
+    constructor(
+        public readonly restful: RestfulReturn,
+        public readonly service: UserService
+    ) {
+    }
+    //#region  基础控制器
+    @ApiOperation({
+        summary: '分页查询用户列表',
+        description: '分页查询用户列表'
+    })
+    @Get('/getPage')
+    async getPage(@Query() dto: PageDto) {
+        const result = await this.service.getPage(dto.Page, dto.PageSize, dto.Keywords, dto.OrderBy);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS,
+            {
+                total: result[1],
+                page: 1,
+                pageSize: 10,
+                rows: result[0],
+
+            }
+        );
+    }
+
+    @ApiOperation({
+        summary: '查询用户列表',
+        description: '查询用户列表'
+    })
+    @Get('/getList')
+    async getList(@Query() dto: ListDto) {
+        const result = await this.service.getList(dto.Keywords, dto.OrderBy);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '根据ID查询用户',
+        description: '根据ID查询用户'
+    })
+    @Get('/getById')
+    async getById(@Query() dto: IdDto) {
+        const result = await this.service.getById(dto.Id);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '根据ID数组查询用户',
+        description: '根据ID数组查询用户'
+    })
+    @Get('/getByIds')
+    async getByIds(@Query() dto: IdsDto) {
+        const result = await this.service.getByIds(dto.Ids);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '新增用户',
+        description: '新增用户'
+    })
+    @Post('/add')
+    async add(@Body() dto: UserDto) {
+        const model = plainToClass(SysUser, dto);
+        const isRepeat = await this.service.repository.createQueryBuilder()
+            .orWhere({ UserName: Equal(model.UserName.trim()), })
+            .orWhere({ Phone: Equal(model.Phone.trim()) })
+            .orWhere({ Email: Equal(model.Email.trim()) }).getCount();
+        if (isRepeat > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, "账号/手机号/邮箱重复！"
+            );
+        } else {
+            //给新用户设置个默认密码：888888，用户登录后可以自行修改密码
+            model.Password = Md5.hashStr(Md5.hashStr("888888") + AppConfig.md5Key);
+            const result = await this.service.save(model);
+            if (result) {
+                return await this.restful.toJson(
+                    RestfulHttpCodeEnum.SUCCESS, result
+                );
+            } else {
+                return await this.restful.toJson(
+                    RestfulHttpCodeEnum.FAIL, result
+                );
+            }
+        }
+    }
+
+    @ApiOperation({
+        summary: '修改用户',
+        description: '修改用户'
+    })
+    @Post('/edit')
+    async edit(@Body() dto: UserDto) {
+        const model = plainToClass(SysUser, dto);
+        const isRepeat = await this.service.repository.createQueryBuilder()
+            .where({ Id: Not(model.Id) })
+            .andWhere([{ UserName: Equal(model.UserName.trim()) }, { Phone: Equal(model.Phone.trim()) }, { Email: Equal(model.Email.trim()) }])
+            .getCount();
+        if (isRepeat > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, "账号/手机号/邮箱重复！"
+            );
+        } else {
+            //给新用户设置个默认密码：888888，用户登录后可以自行修改密码
+            model.Password = Md5.hashStr(Md5.hashStr("888888") + AppConfig.md5Key);
+            const result = await this.service.save(model);
+            if (result) {
+                return await this.restful.toJson(
+                    RestfulHttpCodeEnum.SUCCESS, result
+                );
+            } else {
+                return await this.restful.toJson(
+                    RestfulHttpCodeEnum.FAIL, result
+                );
+            }
+        }
+    }
+
+    @ApiOperation({
+        summary: '假删除用户',
+        description: '假删除用户'
+    })
+    @Post('/del')
+    async del(@Body() dto: IdDto) {
+        const result = await this.service.destroy(dto.Id);
+        return await this.restful.toJson(
+            RestfulHttpCodeEnum.SUCCESS, result
+        );
+    }
+
+    @ApiOperation({
+        summary: '修改用户状态',
+        description: '修改用户状态'
+    })
+    @Post('/setStatus')
+    async setStatus(@Body() dto: IdStatusDto) {
+        const result = await this.service.repository.createQueryBuilder()
+            .update()
+            .set({
+                Status: dto.Status
+            })
+            .where("Id = :Id", { Id: dto.Id })
+            .execute();
+        if (result.affected > 0) {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.SUCCESS, result
+            );
+        } else {
+            return await this.restful.toJson(
+                RestfulHttpCodeEnum.FAIL, result
+            );
+        }
+    }
+    //#endregion
+}
--- a/backend/src/Entity/SysBase.ts
+++ b/backend/src/Entity/SysBase.ts
@ -0,0 +1,43 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 11:26:13
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-22 21:57:27
+ * @FilePath: \tsplatform\backend\src\Entity\SysBase.ts
+ * @Description: 系统基类实体模型
+ */
+
+import { Entity, Column, PrimaryColumn, PrimaryGeneratedColumn, CreateDateColumn, UpdateDateColumn, VersionColumn } from 'typeorm';
+@Entity()
+export class SysBase {
+    @PrimaryGeneratedColumn()
+    @PrimaryColumn({ comment: "ID" })
+    Id: number;
+
+    @Column({ comment: "状态", default: 0, nullable: true })
+    Status: number;
+
+    @Column({ comment: "商户/站点ID", default: 0, nullable: true })
+    MerchantId: number;
+
+    //自动为实体插入日期
+    @CreateDateColumn()
+    CreateTime: Date;
+
+    //每次调用实体管理器或存储库的save时，自动更新实体日期
+    @UpdateDateColumn()
+    UpdateTime: Date;
+
+    @Column({ comment: "操作人ID", default: 0, nullable: true })
+    OperatorId: number;
+
+    @Column({ comment: "修改人ID", default: 0, nullable: true })
+    UpdateUserId: number;
+
+    @Column({ comment: "是否删除", default: false, nullable: true })
+    IsDelete: boolean;
+
+    //每次调用实体管理器或存储库的save时自动增长实体版本
+    @VersionColumn()
+    Version: number;
+}
--- a/backend/src/Entity/SysCity.ts
+++ b/backend/src/Entity/SysCity.ts
@ -0,0 +1,35 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 13:12:19
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-18 14:18:50
+ * @FilePath: \tsplatform\backend\src\Entity\SysCity.ts
+ * @Description: 系统城市实体模型
+ */
+
+import { Entity, Column, PrimaryColumn, PrimaryGeneratedColumn } from 'typeorm';
+@Entity()
+export class SysCity {
+
+    @PrimaryGeneratedColumn()
+    @PrimaryColumn({ comment: "ID" })
+    Id: number;
+
+    @Column({ comment: "地区编号" })
+    RegionId: string;
+
+    @Column({ comment: "地区名称" })
+    RegionName: string;
+
+    @Column({ comment: "地区简称", nullable: true })
+    RegionShortName: string;
+
+    @Column({ comment: "地区行政编号", nullable: true })
+    RegionCode: string;
+
+    @Column({ comment: "地区父级ID" })
+    RegionParentId: string;
+
+    @Column({ comment: "地区级别" })
+    RegionLevel: number;
+}
--- a/backend/src/Entity/SysDictionaries.ts
+++ b/backend/src/Entity/SysDictionaries.ts
@ -0,0 +1,19 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 13:10:02
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-22 15:08:00
+ * @FilePath: \tsplatform\backend\src\Entity\SysDictionaries.ts
+ * @Description: 系统字典实体模型
+ */
+
+import { Entity, Column } from 'typeorm';
+import { SysBase } from 'src/Entity/SysBase';
+@Entity()
+export class SysDictionaries extends SysBase {
+    @Column({ comment: "字典名称" })
+    Name: string;
+
+    @Column({ comment: "备注", nullable: true })
+    Remark: string;
+}
--- a/backend/src/Entity/SysMenu.ts
+++ b/backend/src/Entity/SysMenu.ts
@ -0,0 +1,61 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 11:21:40
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 21:52:49
+ * @FilePath: \tsplatform\backend\src\Entity\SysMenu.ts
+ * @Description: 系统菜单实体模型
+ */
+
+import { Entity, Column } from 'typeorm';
+import { SysBase } from 'src/Entity/SysBase';
+import { MenuEnum } from 'src/Enum/Global';
+@Entity()
+export class SysMenu extends SysBase {
+    @Column({ comment: "父级ID", default: 0 })
+    ParentId: number;
+
+    @Column({ comment: "菜单类型", default: 0 })
+    Type: MenuEnum;
+
+    @Column({ comment: "路由名称", unique: true })
+    Name: string;
+
+    @Column({ comment: "路由地址", nullable: true })
+    Path: string;
+
+    @Column({ comment: "组件名称", nullable: true })
+    Component: string;
+
+    @Column({ comment: "重定向路径", nullable: true })
+    Redirect: string;
+
+    @Column({ comment: "菜单名称" })
+    Title: string;
+
+    @Column({ comment: "是否外链，开启外链条件，`1、isLink: 链接地址不为空 2、isIframe:false`", nullable: true })
+    IsLink: string;
+
+    @Column({ comment: "是否隐藏此路由" })
+    IsHide: boolean;
+
+    @Column({ comment: "是否缓存组件状态" })
+    IsKeepAlive: boolean;
+
+    @Column({ comment: "是否固定在 tagsView 栏上" })
+    IsAffix: boolean;
+
+    @Column({ comment: "是否内嵌窗口，开启条件，`1、isIframe:true 2、isLink：链接地址不为空`" })
+    IsIframe: boolean;
+
+    @Column({ comment: "路由权限标识", unique: true })
+    Permission: string;
+
+    @Column({ comment: "菜单图标", nullable: true })
+    Icon: string;
+
+    @Column({ comment: "排序", nullable: true, default: 0 })
+    Sort: number;
+
+    Children: SysMenu[];
+}
--- a/backend/src/Entity/SysRole.ts
+++ b/backend/src/Entity/SysRole.ts
@ -0,0 +1,22 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 13:08:01
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 16:46:20
+ * @FilePath: \tsplatform\backend\src\Entity\SysRole.ts
+ * @Description: 系统角色实体模型
+ */
+
+import { Entity, Column } from 'typeorm';
+import { SysBase } from 'src/Entity/SysBase';
+import { SysRoleMenu } from 'src/Entity/SysRoleMenu';
+@Entity()
+export class SysRole extends SysBase {
+    @Column({ comment: "角色名称", unique: true })
+    Name: string;
+
+    @Column({ comment: "备注", nullable: true })
+    Remark: string;
+
+    SysRoleMenu: SysRoleMenu[];
+}
--- a/backend/src/Entity/SysRoleMenu.ts
+++ b/backend/src/Entity/SysRoleMenu.ts
@ -0,0 +1,18 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 13:54:50
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 17:32:38
+ * @FilePath: \tsplatform\backend\src\Entity\SysRoleMenu.ts
+ * @Description: 系统角色菜单映射实体模型
+ */
+
+import { Entity, Column, ManyToOne } from 'typeorm';
+import { SysBase } from 'src/Entity/SysBase';
+@Entity()
+export class SysRoleMenu extends SysBase {
+    @Column({ comment: "菜单Id", default: 0 })
+    MenuId: number;
+    @Column({ comment: "角色Id", default: 0 })
+    RoleId: number;
+}
--- a/backend/src/Entity/SysUser.ts
+++ b/backend/src/Entity/SysUser.ts
@ -0,0 +1,57 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 13:55:35
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 23:13:45
+ * @FilePath: \tsplatform\backend\src\Entity\SysUser.ts
+ * @Description: 系统用户映射实体模型
+ */
+import { Entity, Column, Index } from 'typeorm';
+import { SysBase } from 'src/Entity/SysBase';
+import { SexEnum, UserTypeEnum } from 'src/Enum/Global';
+@Entity()
+export class SysUser extends SysBase {
+    @Column({ comment: "账号类型", default: 1 })
+    UserType: UserTypeEnum;
+
+    @Column({ comment: "账号", unique: true })
+    UserName: string;
+
+    @Column({ comment: "密码" })
+    Password: string;
+
+    @Column({ comment: "昵称", nullable: true })
+    NickName: string;
+
+    @Column({ comment: "头像", nullable: true })
+    Avatar: string;
+
+    @Column({ comment: "出生日期", nullable: true })
+    Birthday: string;
+
+    @Column({ comment: "性别", nullable: true, default: 0 })
+    Sex: SexEnum;
+
+    @Column({ comment: "邮箱", unique: true })
+    Email: string;
+
+    @Column({ comment: "手机号码", unique: true })
+    Phone: string;
+
+    @Column({ comment: "真实姓名", nullable: true })
+    RealName: string;
+
+    @Column({ comment: "身份证号", nullable: true })
+    IdCard: string;
+
+    @Column({ comment: "个性签名", nullable: true })
+    Signature: string;
+    @Column({ comment: "个人简介", nullable: true })
+    Introduction: string;
+
+    @Column({ comment: "备注", nullable: true })
+    Remark: string;
+
+    @Column({ comment: "角色Id", default: 0 })
+    RoleId: number;
+}
--- a/backend/src/EntiyDto/CommonDto.ts
+++ b/backend/src/EntiyDto/CommonDto.ts
@ -0,0 +1,78 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-18 09:02:28
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 00:20:22
+ * @FilePath: \tsplatform\backend\src\Expand\CommonDto.ts
+ * @Description: 公共DTO服务
+ */
+
+import { Injectable } from "@nestjs/common";
+import { ApiProperty } from "@nestjs/swagger";
+import { IsArray, IsNotEmpty, IsNumber, IsNumberString } from "class-validator";
+//分页查询DTO
+@Injectable()
+export class PageDto {
+    @IsNotEmpty()
+    @IsNumberString()
+    @ApiProperty({ name: "Page", required: true })
+    Page: number
+
+    @IsNotEmpty()
+    @IsNumberString()
+    @ApiProperty({ name: "PageSize", required: true })
+    PageSize: number
+
+    @ApiProperty({ name: "Keywords", required: false })
+    Keywords: string
+
+    @ApiProperty({ name: "OrderBy", required: false })
+    OrderBy: string
+}
+
+//列表查询DTO
+@Injectable()
+export class ListDto {
+    @ApiProperty({ name: "Keywords", required: false })
+    Keywords: string
+
+    @ApiProperty({ name: "OrderBy", required: false })
+    OrderBy: string
+}
+
+//ids DTO
+@Injectable()
+export class IdsDto {
+    @IsNotEmpty()
+    @IsArray()
+    @ApiProperty({ name: "Ids", required: true })
+    Ids: number[]
+}
+//id DTO
+@Injectable()
+export class IdDto {
+    @IsNotEmpty()
+    @IsNumber()
+    @ApiProperty({ name: "Id", required: true })
+    Id: number
+}
+@Injectable()
+export class RoleIdDto {
+    @ApiProperty({ name: "RoleId" })
+    RoleId: number;
+}
+
+
+//Id Status DTO
+@Injectable()
+export class IdStatusDto {
+    @IsNotEmpty()
+    @IsNumber()
+    @ApiProperty({ name: "Id", required: true })
+    Id: number
+
+    @IsNotEmpty()
+    @IsNumber()
+    @ApiProperty({ name: "Status", required: true })
+    Status: number
+}
--- a/backend/src/EntiyDto/LoginDto.ts
+++ b/backend/src/EntiyDto/LoginDto.ts
@ -0,0 +1,21 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-18 17:35:08
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 12:12:42
+ * @FilePath: \tsplatform\backend\src\EntiyDto\Login.ts
+ * @Description:  DTO类
+ */
+import { ApiProperty } from "@nestjs/swagger";
+import { IsNotEmpty, IsString } from "class-validator";
+export class LoginDto {
+    @IsNotEmpty()
+    @IsString()
+    @ApiProperty({ name: "UserName", required: true })
+    UserName: string;
+
+    @IsNotEmpty()
+    @IsString()
+    @ApiProperty({ name: "Password", required: true })
+    Password: string;
+}
--- a/backend/src/EntiyDto/MenuDto.ts
+++ b/backend/src/EntiyDto/MenuDto.ts
@ -0,0 +1,70 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-18 17:35:08
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 00:14:13
+ * @FilePath: \tsplatform\backend\src\EntiyDto\MenuDto.ts
+ * @Description: SysMenu DTO类
+ */
+import { ApiProperty } from "@nestjs/swagger";
+import { IsBoolean, IsNotEmpty, IsNumber, IsString } from "class-validator";
+import { MenuEnum } from "src/Enum/Global";
+
+export class MenuDto {
+    @ApiProperty({ name: "ParentId" })
+    ParentId: number;
+
+    @IsNotEmpty()
+    @IsNumber()
+    @ApiProperty({ name: "Type", required: true })
+    Type: MenuEnum;
+
+    @ApiProperty({ name: "Name", required: false })
+    Name: string;
+
+    @ApiProperty({ name: "Path", required: false })
+    Path: string;
+
+    @ApiProperty({ name: "Component", required: false })
+    Component: string;
+
+    @ApiProperty({ name: "Redirect", required: false })
+    Redirect: string;
+
+    @IsNotEmpty()
+    @IsString()
+    @ApiProperty({ name: "Title", required: true })
+    Title: string;
+
+
+    @ApiProperty({ name: "IsLink", required: false })
+    IsLink: string;
+
+    @IsNotEmpty()
+    @IsBoolean()
+    @ApiProperty({ name: "IsHide", required: true })
+    IsHide: boolean;
+
+    @IsNotEmpty()
+    @IsBoolean()
+    @ApiProperty({ name: "IsKeepAlive", required: true })
+    IsKeepAlive: boolean;
+
+    @IsNotEmpty()
+    @IsBoolean()
+    @ApiProperty({ name: "IsAffix", required: true })
+    IsAffix: boolean;
+
+    @IsNotEmpty()
+    @IsBoolean()
+    @ApiProperty({ name: "IsIframe", required: true })
+    IsIframe: boolean;
+
+    @IsNotEmpty()
+    @IsString()
+    @ApiProperty({ name: "Permission", required: true })
+    Permission: string;
+
+    @ApiProperty({ name: "Icon", required: false })
+    Icon: string;
+}
--- a/backend/src/EntiyDto/RoleDto.ts
+++ b/backend/src/EntiyDto/RoleDto.ts
@ -0,0 +1,25 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-22 16:16:08
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 12:12:56
+ * @FilePath: \backend\src\EntiyDto\RoleDto.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+import { ApiProperty } from "@nestjs/swagger";
+import { IsArray, IsNotEmpty } from "class-validator";
+
+export class RoleDto {
+    @IsNotEmpty()
+    @ApiProperty({ name: "Name", required: true })
+    Name: string;
+
+    @ApiProperty({ name: "Remark" })
+    Remark: string;
+
+    @IsNotEmpty()
+    @IsArray()
+    @ApiProperty({ name: "SysRoleMenu", required: true })
+    SysRoleMenu: number[];
+}
--- a/backend/src/EntiyDto/RouteMenu.ts
+++ b/backend/src/EntiyDto/RouteMenu.ts
@ -0,0 +1,26 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-18 17:35:08
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 12:13:13
+ * @FilePath: \tsplatform\backend\src\EntiyDto\RouteMenu.ts
+ * @Description: RouteMenu类  菜单树查询，不需要dto映射
+ */
+export class RouteMenu {
+    name: string;
+    path: string;
+    component: string;
+    redirect: string;
+    meta: Meta;
+    children: RouteMenu[];
+}
+export class Meta {
+    title: string;
+    isLink: string;
+    isHide: boolean;
+    isKeepAlive: boolean;
+    isAffix: boolean;
+    isIframe: boolean;
+    permission: string;
+    icon: string;
+}
--- a/backend/src/EntiyDto/UserDto.ts
+++ b/backend/src/EntiyDto/UserDto.ts
@ -0,0 +1,65 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-22 16:16:19
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 21:32:25
+ * @FilePath: \backend\src\EntiyDto\UserDto.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+import { ApiProperty } from "@nestjs/swagger";
+import { IsNotEmpty, IsNumber, IsNumberString } from "class-validator";
+
+export class UserDto {
+    @IsNotEmpty()
+    @IsNumber()
+    @ApiProperty({ name: "UserType", required: true })
+    UserType: number;
+
+    @IsNotEmpty()
+    @ApiProperty({ name: "Name", required: true })
+    UserName: string;
+
+    @ApiProperty({ name: "Password" })
+    Password: string;
+
+    @ApiProperty({ name: "NickName" })
+    NickName: string;
+
+    @ApiProperty({ name: "Avatar" })
+    Avatar: string;
+
+    @ApiProperty({ name: "Birthday" })
+    Birthday: string;
+
+    @IsNotEmpty()
+    @IsNumber()
+    @ApiProperty({ name: "Sex" })
+    Sex: number;
+
+    @ApiProperty({ name: "Email", required: true })
+    Email: string;
+
+    @IsNotEmpty()
+    @IsNumberString()
+    @ApiProperty({ name: "Phone", required: true })
+    Phone: string;
+
+    @ApiProperty({ name: "RealName" })
+    RealName: string;
+
+    @ApiProperty({ name: "IdCard" })
+    IdCard: string;
+
+    @ApiProperty({ name: "Signature" })
+    Signature: string;
+
+    @ApiProperty({ name: "Introduction" })
+    Introduction: string;
+
+    @ApiProperty({ name: "Remark" })
+    Remark: string;
+
+    @ApiProperty({ name: "RoleId", required: true })
+    RoleId: number;
+}
--- a/backend/src/Enum/Global.ts
+++ b/backend/src/Enum/Global.ts
@ -0,0 +1,28 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 13:25:43
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-18 09:15:04
+ * @FilePath: \tsplatform\backend\src\Enum\Global.ts
+ * @Description: 全局枚举类
+ */
+
+export enum RestfulHttpCodeEnum {
+    SUCCESS = 200,
+    FAIL = 300,
+    NODATA = 201,
+}
+export enum UserTypeEnum {
+    Admin = 0,
+    None = 1,
+    SuperAdmin = 999,
+}
+export enum SexEnum {
+    Man = 0,
+    WoMan = 1
+}
+export enum MenuEnum {
+    Directory = 0,
+    Menu = 1,
+    Btn = 2
+}
--- a/backend/src/Expand/RestfulReturn.ts
+++ b/backend/src/Expand/RestfulReturn.ts
@ -0,0 +1,24 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 09:19:20
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-18 09:10:15
+ * @FilePath: \tsplatform\backend\src\Expand\RestfulReturn.ts
+ * @Description: RestfulAPI全局响应结构
+ */
+import { Injectable } from "@nestjs/common";
+import { RestfulHttpCodeEnum } from "src/Enum/Global";
+@Injectable()
+export class RestfulReturn {
+    //HttpStatus=200时的状态码规则
+    toJson(code: RestfulHttpCodeEnum, data: any) {
+        return {
+            code: code,
+            msg: code === RestfulHttpCodeEnum.SUCCESS ? "操作成功！" :
+                code === RestfulHttpCodeEnum.FAIL ? "操作失败！" :
+                    code === RestfulHttpCodeEnum.NODATA ? "数据为空！" : "未知错误！",
+            data: data,
+            timespan: new Date().getTime()
+        }
+    }
+}
--- a/backend/src/Logging/LoggerPrint.ts
+++ b/backend/src/Logging/LoggerPrint.ts
@ -0,0 +1,15 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-18 09:02:28
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 10:13:53
+ * @FilePath: \tsplatform\backend\src\Logging\LoggerPrint.ts
+ * @Description: 全局日志打印服务
+ */
+
+import { Injectable, Logger } from "@nestjs/common";
+@Injectable()
+export class LoggerPrint {
+    constructor(private readonly logger: Logger) {
+    } 
+}
--- a/backend/src/Middleware/JwtHandle.ts
+++ b/backend/src/Middleware/JwtHandle.ts
@ -0,0 +1,33 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-21 11:57:30
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-22 10:41:09
+ * @FilePath: \tsplatform\backend\src\Middleware\JwtHandle.ts
+ * @Description: 授权中间件
+ */
+import { HttpException, HttpStatus, Injectable, NestMiddleware } from '@nestjs/common';
+import { JwtService } from '@nestjs/jwt';
+import { NextFunction } from 'express';
+import { AppConfig } from 'src/Config/Index';
+
+@Injectable()
+export class JwtHandle implements NestMiddleware {
+    constructor(
+        public readonly _jwt: JwtService
+    ) { }
+    async use(req: Request, res: Response, next: NextFunction) {
+        try {
+            const token = req.headers["authorization"];
+            if (!token) {
+                throw new HttpException("Token指令牌不存在！", HttpStatus.UNAUTHORIZED);
+            } else {
+                await this._jwt.verifyAsync(token, { secret: AppConfig.jwt.secret, ignoreExpiration: false })
+                next();
+            }
+        }
+        catch (ex) {
+            throw new HttpException(ex.message, HttpStatus.UNAUTHORIZED);
+        }
+    }
+}
--- a/backend/src/SeedData/City.ts
+++ b/backend/src/SeedData/City.ts
--- a/backend/src/SeedData/Menu.ts
+++ b/backend/src/SeedData/Menu.ts
@ -0,0 +1,216 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-24 09:22:50
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 09:58:45
+ * @FilePath: \backend\src\SeedData\Menu.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+export const menus = [{
+    "Id": 8,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-23T07:53:21.453Z",
+    "UpdateTime": "2022-11-24T01:29:41.000Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 5,
+    "ParentId": 2,
+    "Type": 1,
+    "Name": "system.city",
+    "Path": "/system/city",
+    "Component": "/system/city/index",
+    "Redirect": "",
+    "Title": "message.router.system.city",
+    "IsLink": "",
+    "IsHide": false,
+    "IsKeepAlive": true,
+    "IsAffix": false,
+    "IsIframe": false,
+    "Permission": "system.city",
+    "Icon": "ele-OfficeBuilding",
+    "Sort": 101
+},
+{
+    "Id": 7,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-23T07:50:37.192Z",
+    "UpdateTime": "2022-11-24T01:21:19.762Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 4,
+    "ParentId": 2,
+    "Type": 1,
+    "Name": "system.dic",
+    "Path": "/system/dic",
+    "Component": "/system/dic/index",
+    "Redirect": "",
+    "Title": "message.router.system.dic",
+    "IsLink": "",
+    "IsHide": false,
+    "IsKeepAlive": true,
+    "IsAffix": false,
+    "IsIframe": false,
+    "Permission": "system.dic",
+    "Icon": "iconfont icon-zhongyingwen1",
+    "Sort": 100
+},
+{
+    "Id": 6,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-22T13:59:37.445Z",
+    "UpdateTime": "2022-11-23T05:56:53.726Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 0,
+    "ParentId": 0,
+    "Type": 0,
+    "Name": "personal",
+    "Path": "/personal",
+    "Component": "personal/index",
+    "Redirect": null,
+    "Title": "message.router.personal",
+    "IsLink": "",
+    "IsHide": true,
+    "IsKeepAlive": false,
+    "IsAffix": false,
+    "IsIframe": false,
+    "Permission": "personal",
+    "Icon": "iconfont icon-gerenzhongxin",
+    "Sort": 6
+},
+{
+    "Id": 5,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-22T13:59:37.445Z",
+    "UpdateTime": "2022-11-23T08:05:06.779Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 0,
+    "ParentId": 2,
+    "Type": 1,
+    "Name": "system.role",
+    "Path": "/system/role",
+    "Component": "system/role/index",
+    "Redirect": null,
+    "Title": "message.router.system.role",
+    "IsLink": "",
+    "IsHide": false,
+    "IsKeepAlive": true,
+    "IsAffix": false,
+    "IsIframe": false,
+    "Permission": "system.role",
+    "Icon": "fa fa-street-view",
+    "Sort": 5
+},
+{
+    "Id": 4,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-22T13:59:37.445Z",
+    "UpdateTime": "2022-11-23T08:05:03.689Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 0,
+    "ParentId": 2,
+    "Type": 1,
+    "Name": "system.user",
+    "Path": "/system/user",
+    "Component": "system/user/index",
+    "Redirect": null,
+    "Title": "message.router.system.user",
+    "IsLink": null,
+    "IsHide": false,
+    "IsKeepAlive": true,
+    "IsAffix": false,
+    "IsIframe": false,
+    "Permission": "system.user",
+    "Icon": "iconfont icon-icon-",
+    "Sort": 4
+},
+{
+    "Id": 3,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-22T13:59:37.445Z",
+    "UpdateTime": "2022-11-23T08:05:00.650Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 0,
+    "ParentId": 2,
+    "Type": 1,
+    "Name": "system.menu",
+    "Path": "/system/menu",
+    "Component": "system/menu/index",
+    "Redirect": null,
+    "Title": "message.router.system.menu",
+    "IsLink": "",
+    "IsHide": false,
+    "IsKeepAlive": true,
+    "IsAffix": false,
+    "IsIframe": false,
+    "Permission": "system.menu",
+    "Icon": "iconfont icon-caidan",
+    "Sort": 3
+},
+{
+    "Id": 2,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-22T13:59:37.445Z",
+    "UpdateTime": "2022-11-23T08:05:16.188Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 0,
+    "ParentId": 0,
+    "Type": 0,
+    "Name": "system",
+    "Path": "/system",
+    "Component": "layout/routerView/parent",
+    "Redirect": "/system/menu",
+    "Title": "message.router.system.system",
+    "IsLink": "",
+    "IsHide": false,
+    "IsKeepAlive": true,
+    "IsAffix": false,
+    "IsIframe": false,
+    "Permission": "system",
+    "Icon": "iconfont icon-xitongshezhi",
+    "Sort": 2
+},
+{
+    "Id": 1,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-22T13:59:37.445Z",
+    "UpdateTime": "2022-11-22T13:59:37.471Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 0,
+    "ParentId": 0,
+    "Type": 0,
+    "Name": "home",
+    "Path": "/home",
+    "Component": "home/index",
+    "Redirect": "",
+    "Title": "message.router.home",
+    "IsLink": "",
+    "IsHide": false,
+    "IsKeepAlive": true,
+    "IsAffix": true,
+    "IsIframe": false,
+    "Permission": "home",
+    "Icon": "iconfont icon-shouye",
+    "Sort": 1
+}];
--- a/backend/src/SeedData/Role.ts
+++ b/backend/src/SeedData/Role.ts
@ -0,0 +1,179 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-24 09:23:07
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 10:04:17
+ * @FilePath: \backend\src\SeedData\Role.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+export const roles = [
+    {
+        "Id": 1,
+        "Status": 0,
+        "MerchantId": 0,
+        "CreateTime": "2022-11-22T13:59:37.567Z",
+        "UpdateTime": "2022-11-24T01:35:03.000Z",
+        "OperatorId": 0,
+        "UpdateUserId": 0,
+        "IsDelete": false,
+        "Version": 4,
+        "Name": "超级管理员",
+        "Remark": null
+    },
+    {
+        "Id": 2,
+        "Status": 0,
+        "MerchantId": 0,
+        "CreateTime": "2022-11-22T13:59:37.567Z",
+        "UpdateTime": "2022-11-24T01:36:45.000Z",
+        "OperatorId": 0,
+        "UpdateUserId": 0,
+        "IsDelete": false,
+        "Version": 3,
+        "Name": "普通用户",
+        "Remark": null
+    }
+];
+export const roleMenus = [{
+    "Id": 1,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:35:03.437Z",
+    "UpdateTime": "2022-11-24T01:35:03.437Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 1,
+    "RoleId": 1
+},
+{
+    "Id": 2,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:35:03.437Z",
+    "UpdateTime": "2022-11-24T01:35:03.437Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 2,
+    "RoleId": 1
+},
+{
+    "Id": 3,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:35:03.437Z",
+    "UpdateTime": "2022-11-24T01:35:03.437Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 3,
+    "RoleId": 1
+},
+{
+    "Id": 4,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:35:03.437Z",
+    "UpdateTime": "2022-11-24T01:35:03.437Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 4,
+    "RoleId": 1
+},
+{
+    "Id": 5,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:35:03.437Z",
+    "UpdateTime": "2022-11-24T01:35:03.437Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 5,
+    "RoleId": 1
+},
+{
+    "Id": 6,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:35:03.437Z",
+    "UpdateTime": "2022-11-24T01:35:03.437Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 6,
+    "RoleId": 1
+},
+{
+    "Id": 7,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:35:03.437Z",
+    "UpdateTime": "2022-11-24T01:35:03.437Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 7,
+    "RoleId": 1
+},
+{
+    "Id": 8,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:35:03.437Z",
+    "UpdateTime": "2022-11-24T01:35:03.437Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 8,
+    "RoleId": 1
+},
+{
+    "Id": 9,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:36:45.486Z",
+    "UpdateTime": "2022-11-24T01:36:45.486Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 1,
+    "RoleId": 2
+},
+{
+    "Id": 10,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:36:45.486Z",
+    "UpdateTime": "2022-11-24T01:36:45.486Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 2,
+    "RoleId": 2
+},
+{
+    "Id": 11,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-24T01:36:45.486Z",
+    "UpdateTime": "2022-11-24T01:36:45.486Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 1,
+    "MenuId": 4,
+    "RoleId": 2
+}];
--- a/backend/src/SeedData/User.ts
+++ b/backend/src/SeedData/User.ts
@ -0,0 +1,60 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-24 09:22:58
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 10:04:55
+ * @FilePath: \backend\src\SeedData\User.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+export const users = [{
+    "Id": 1,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-22T13:59:37.496Z",
+    "UpdateTime": "2022-11-24T01:21:53.423Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 0,
+    "UserType": 999,
+    "UserName": "admin",
+    "Password": "1a23c5066d05474304c03342e57850d9",
+    "NickName": "甜蜜蜜",
+    "Avatar": "https://img2.baidu.com/it/u=1978192862,2048448374&fm=253&fmt=auto&app=138&f=JPEG?w=504&h=500",
+    "Birthday": null,
+    "Sex": 0,
+    "Email": "490912587@qq.com",
+    "Phone": "13000000000",
+    "RealName": null,
+    "IdCard": null,
+    "Signature": null,
+    "Introduction": null,
+    "Remark": null,
+    "RoleId": 1
+},
+{
+    "Id": 2,
+    "Status": 0,
+    "MerchantId": 0,
+    "CreateTime": "2022-11-23T08:45:37.321Z",
+    "UpdateTime": "2022-11-24T01:39:33.000Z",
+    "OperatorId": 0,
+    "UpdateUserId": 0,
+    "IsDelete": false,
+    "Version": 4,
+    "UserType": 0,
+    "UserName": "test",
+    "Password": "7b0ea1aa91470cd870111415a94b475b",
+    "NickName": "甜蜜蜜的小号",
+    "Avatar": "https://img2.baidu.com/it/u=1978192862,2048448374&fm=253&fmt=auto&app=138&f=JPEG?w=504&h=500",
+    "Birthday": null,
+    "Sex": 1,
+    "Email": "1844045442@qq.com",
+    "Phone": "15000000000",
+    "RealName": null,
+    "IdCard": null,
+    "Signature": null,
+    "Introduction": null,
+    "Remark": null,
+    "RoleId": 2
+}];
--- a/backend/src/Service/CityService.ts
+++ b/backend/src/Service/CityService.ts
@ -0,0 +1,94 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 17:08:52
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 11:12:25
+ * @FilePath: \tsplatform\backend\src\Service\UserService.ts
+ * @Description: 省市区服务
+ */
+
+import { Injectable, Logger } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { DeleteResult, In, InsertResult, Like, Repository } from 'typeorm';
+import { LoggerPrint } from 'src/Logging/LoggerPrint';
+import { SysCity } from 'src/Entity/SysCity';
+import { citys } from 'src/SeedData/City';
+@Injectable()
+export class CityService {
+    private readonly tableName: string = "省市区";
+    constructor(
+        public readonly loggerPrint: LoggerPrint,
+        public readonly logger: Logger,
+        @InjectRepository(SysCity)
+        public readonly repository: Repository<SysCity>
+    ) {
+
+    }
+
+
+    //#region  基础控制器
+    // 初始化数据
+    async seedData(): Promise<number> {
+        let result: InsertResult;
+        await this.repository.queryRunner?.startTransaction();
+        try {
+            await this.repository.clear();
+            result = await this.repository.createQueryBuilder().insert().values(citys).execute();
+            await this.repository.queryRunner?.commitTransaction();
+            await this.repository.createQueryBuilder().useTransaction(true);
+            return result.identifiers.length;
+        } catch (err) {
+            //如果遇到错误，可以回滚事务
+            await this.repository.queryRunner?.rollbackTransaction();
+            this.logger.warn(err);
+            return 0;
+        }
+    }
+    async getPage(
+        page: number = 1,
+        pageSize: number = 10,
+        keywords: string = "",
+        orderBy: string = ""
+    ): Promise<[SysCity[], number]> {
+        const result = await this.repository.findAndCount({
+            where: [{ RegionName: Like("%" + keywords + "%") }, { RegionShortName: Like("%" + keywords + "%") }],
+            order: {
+                Id: "ASC"
+            },
+            skip: page - 1,
+            take: pageSize
+        })
+        return result;
+    }
+    async getList(
+        keywords: string = "",
+        orderBy: string = "",
+    ): Promise<SysCity[]> {
+        const result = await this.repository.find({
+            where: [{ RegionName: Like("%" + keywords + "%") }, { RegionShortName: Like("%" + keywords + "%") }],
+            order: {
+                Id: "ASC"
+            },
+        })
+        return result;
+    }
+    async getById(id: number): Promise<SysCity> {
+        const result = await this.repository.findOne({ where: { Id: id } });
+        return result;
+    }
+    async getByIds(ids: number[]): Promise<SysCity[]> {
+        const result = await this.repository.find({
+            where: { Id: In(ids) },
+        })
+        return result;
+    }
+    async save(model: SysCity): Promise<SysCity> {
+        const result = await this.repository.save(model);
+        return result;
+    }
+    async destroy(id: number): Promise<DeleteResult> {
+        const result = await this.repository.delete(id);
+        return result;
+    }
+    //#endregion
+}
--- a/backend/src/Service/MenuService.ts
+++ b/backend/src/Service/MenuService.ts
@ -0,0 +1,94 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 17:08:52
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditSysMenuime: 2022-11-18 11:31:43
+ * @FilePath: \tsplatform\backend\src\Service\MenuService.ts
+ * @Description: 系统菜单服务
+ */
+
+import { Injectable, Logger } from '@nestjs/common';
+import { SysMenu } from 'src/Entity/SysMenu';
+import { InjectRepository } from '@nestjs/typeorm';
+import { DeleteResult, In, InsertResult, Like, Repository } from 'typeorm';
+import { LoggerPrint } from 'src/Logging/LoggerPrint';
+import { menus } from 'src/SeedData/Menu';
+@Injectable()
+export class MenuService {
+    private readonly tableName: string = "系统菜单";
+    constructor(
+        public readonly loggerPrint: LoggerPrint,
+        public readonly logger: Logger,
+
+        @InjectRepository(SysMenu)
+        public readonly repository: Repository<SysMenu>
+    ) {
+    }
+    //#region  基础控制器
+    // 初始化数据
+    async seedData(): Promise<number> {
+        let result: InsertResult;
+        await this.repository.queryRunner?.startTransaction();
+        try {
+            await this.repository.clear();
+            result = await this.repository.createQueryBuilder().insert().values(menus).execute();
+            await this.repository.queryRunner?.commitTransaction();
+            await this.repository.createQueryBuilder().useTransaction(true);
+            return result.identifiers.length;
+        } catch (err) {
+            //如果遇到错误，可以回滚事务
+            await this.repository.queryRunner?.rollbackTransaction();
+            this.logger.warn(err);
+            return 0;
+        }
+    }
+    async getPage(
+        page: number = 1,
+        pageSize: number = 10,
+        keywords: string = "",
+        orderBy: string = ""
+    ): Promise<[SysMenu[], number]> {
+        const result = await this.repository.findAndCount({
+            where: [{ Title: Like("%" + keywords + "%") }, { Name: Like("%" + keywords + "%") }],
+            order: {
+                Id: "DESC"
+            },
+            skip: page - 1,
+            take: pageSize
+        })
+       
+        return result;
+    }
+    async getList(
+        keywords: string = "",
+        orderBy: string = ""
+    ): Promise<SysMenu[]> {
+        const result = await this.repository.find({
+            where: [{ Name: Like("%" + keywords + "%") }],
+            order: {
+                Id: "DESC"
+            },
+        })
+        return result;
+    }
+    async getById(id: number): Promise<SysMenu> {
+        const result = await this.repository.findOne({ where: { Id: id } });
+        return result;
+    }
+    async getByIds(ids: number[]): Promise<SysMenu[]> {
+        const result = await this.repository.find({
+            where: { Id: In(ids) },
+        })
+        return result;
+    }
+    async save(model: SysMenu): Promise<SysMenu> {
+        const result = await this.repository.save(model);
+        
+        return result;
+    }
+    async destroy(id: number): Promise<DeleteResult> {
+        const result = await this.repository.delete(id);
+        return result;
+    }
+    //#endregion
+}
--- a/backend/src/Service/RoleService.ts
+++ b/backend/src/Service/RoleService.ts
@ -0,0 +1,156 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 17:08:52
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 10:15:40
+ * @FilePath: \tsplatform\backend\src\Service\RoleService.ts
+ * @Description: 系统角色服务
+ */
+
+import { Injectable, Logger } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { DeleteResult, In, InsertResult, Like, Repository } from 'typeorm';
+import { SysRole } from 'src/Entity/SysRole';
+import { LoggerPrint } from 'src/Logging/LoggerPrint';
+import { SysRoleMenu } from 'src/Entity/SysRoleMenu';
+import { roleMenus, roles } from 'src/SeedData/Role';
+// where: { Name: keywords },//and查询
+// where: [{ Name: keywords }],//or查询
+// where: { Name: Like("%out #%") },//like查询
+// where: { Id: In([0,1]) },//in查询
+// where: { Name: Like("%out #%") },//like查询
+@Injectable()
+export class RoleService {
+  private readonly tableName: string = "系统角色";
+  constructor(
+    public readonly loggerPrint: LoggerPrint,
+    public readonly logger: Logger,
+
+    @InjectRepository(SysRole)
+    public readonly repository: Repository<SysRole>,
+    @InjectRepository(SysRoleMenu)
+    public readonly roleMenuRepository: Repository<SysRoleMenu>,
+  ) {
+  }
+  //根据角色Id获得路由菜单
+  async getMenusByRoleId(id: number): Promise<SysRoleMenu[]> {
+    //根据角色Id获得角色菜单映射数据
+    const result = await this.roleMenuRepository.find({
+      where: { RoleId: id }
+    });
+    return result;
+  }
+  //#region  基础控制器
+  // 初始化数据
+  async seedData(): Promise<number[]> {
+    let result: InsertResult;
+    let result1: InsertResult;
+    await this.repository.queryRunner?.startTransaction();
+    try {
+      await this.repository.clear();
+      result = await this.repository.createQueryBuilder().insert().values(roles).execute();
+      result1 = await this.roleMenuRepository.createQueryBuilder().insert().values(roleMenus).execute();
+      await this.repository.queryRunner?.commitTransaction();
+      await this.repository.createQueryBuilder().useTransaction(true);
+      return [result.identifiers.length, result1.identifiers.length]
+    } catch (err) {
+      //如果遇到错误，可以回滚事务
+      await this.repository.queryRunner?.rollbackTransaction();
+      this.logger.warn(err);
+      return [0, 0];
+    }
+  }
+  async getPage(
+    page: number = 1,
+    pageSize: number = 10,
+    keywords: string = "",
+    orderBy: string = ""
+  ): Promise<[SysRole[], number]> {
+    const result = await this.repository.findAndCount({
+      where: [{ Name: Like("%" + keywords + "%") }],
+      order: {
+        Id: "ASC"
+      },
+      skip: page - 1,
+      take: pageSize
+    })
+    for await (let item of result[0]) {
+
+      const roleMenuResult = await this.roleMenuRepository.find({
+        where: { RoleId: item.Id },
+      })
+      item.SysRoleMenu = roleMenuResult;
+    }
+    return result;
+  }
+  async getList(
+    keywords: string = "",
+    orderBy: string = ""
+  ): Promise<SysRole[]> {
+    const result = await this.repository.find({
+      where: [{ Name: Like("%" + keywords + "%") }],
+      order: {
+        Id: "ASC"
+      },
+    })
+    for await (let item of result) {
+      const roleMenuResult = await this.roleMenuRepository.find({
+        where: { RoleId: item.Id },
+      })
+      item.SysRoleMenu = roleMenuResult;
+    }
+    return result;
+  }
+  async getById(id: number): Promise<SysRole> {
+    const result = await this.repository.findOne({ where: { Id: id } });
+    return result;
+  }
+  async getByIds(ids: number[]): Promise<SysRole[]> {
+    const result = await this.repository.find({
+      where: { Id: In(ids) }
+    })
+    return result;
+  }
+  async save(model: SysRole): Promise<boolean> {
+    await this.repository.queryRunner?.startTransaction();
+    try {
+      //如果是编辑先删除主子表后，修改主表，新增子表
+      if (model.Id > 0) {
+        await this.repository.createQueryBuilder().update().set({ Name: model.Name, Remark: model.Remark, Status: model.Status }).where("Id = :Id", { Id: model.Id }).execute();
+        await this.roleMenuRepository.delete({ RoleId: model.Id });
+        for await (let item of model.SysRoleMenu) {
+          item.RoleId = model.Id
+        }
+      } else {
+        const result = await this.repository.createQueryBuilder().insert().values(model).execute();
+        for await (let item of model.SysRoleMenu) {
+          item.RoleId = result.identifiers[0].Id
+        }
+      }
+      await this.roleMenuRepository.createQueryBuilder().insert().values(model.SysRoleMenu).execute();
+      await this.repository.queryRunner?.commitTransaction();
+      await this.repository.createQueryBuilder().useTransaction(true);
+      return true;
+    } catch (err) {
+      await this.repository.queryRunner?.rollbackTransaction();
+      this.logger.warn(err);
+      return false;
+    }
+  }
+  async destroy(id: number): Promise<boolean> {
+    await this.repository.queryRunner?.startTransaction();
+    try {
+      //删除主子表
+      await this.repository.delete({ Id: id });
+      await this.roleMenuRepository.delete({ RoleId: id });
+      await this.repository.queryRunner?.commitTransaction();
+      await this.repository.createQueryBuilder().useTransaction(true);
+      return true;
+    } catch (err) {
+      await this.repository.queryRunner?.rollbackTransaction();
+      this.logger.warn(err);
+      return false;
+    }
+  }
+  //#endregion
+}
--- a/backend/src/Service/UserService.ts
+++ b/backend/src/Service/UserService.ts
@ -0,0 +1,93 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 17:08:52
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 10:15:57
+ * @FilePath: \tsplatform\backend\src\Service\UserService.ts
+ * @Description: 系统用户服务
+ */
+
+import { Injectable, Logger } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { DeleteResult, In, InsertResult, Like, Repository } from 'typeorm';
+import { LoggerPrint } from 'src/Logging/LoggerPrint';
+import { SysUser } from 'src/Entity/SysUser';
+import { users } from 'src/SeedData/User';
+@Injectable()
+export class UserService {
+    private readonly tableName: string = "系统用户";
+    constructor(
+        public readonly loggerPrint: LoggerPrint,
+        public readonly logger: Logger,
+        @InjectRepository(SysUser)
+        public readonly repository: Repository<SysUser>
+    ) {
+
+    }
+    //#region  基础控制器
+     // 初始化数据
+     async seedData(): Promise<number> {
+        let result: InsertResult;
+        await this.repository.queryRunner?.startTransaction();
+        try {
+            await this.repository.clear();
+            result = await this.repository.createQueryBuilder().insert().values(users).execute();
+            await this.repository.queryRunner?.commitTransaction();
+            await this.repository.createQueryBuilder().useTransaction(true);
+            return result.identifiers.length;
+        } catch (err) {
+            //如果遇到错误，可以回滚事务
+            await this.repository.queryRunner?.rollbackTransaction();
+            this.logger.warn(err);
+            return 0;
+        }
+    }
+    async getPage(
+        page: number = 1,
+        pageSize: number = 10,
+        keywords: string = "",
+        orderBy: string = ""
+    ): Promise<[SysUser[], number]> {
+        const result = await this.repository.findAndCount({
+            where: [{ Phone: Like("%" + keywords + "%") }, { UserName: Like("%" + keywords + "%") }, { NickName: Like("%" + keywords + "%") }],
+            order: {
+                Id: "ASC"
+            },
+            skip: page - 1,
+            take: pageSize
+        })
+       
+        return result;
+    }
+    async getList(
+        keywords: string = "",
+        orderBy: string = ""
+    ): Promise<SysUser[]> {
+        const result = await this.repository.find({
+            where: [{ Phone: Like("%" + keywords + "%") }, { UserName: Like("%" + keywords + "%") }, { NickName: Like("%" + keywords + "%") }],
+            order: {
+                Id: "ASC"
+            },
+        })
+        return result;
+    }
+    async getById(id: number): Promise<SysUser> {
+        const result = await this.repository.findOne({ where: { Id: id } });
+        return result;
+    }
+    async getByIds(ids: number[]): Promise<SysUser[]> {
+        const result = await this.repository.find({
+            where: { Id: In(ids) },
+        })
+        return result;
+    }
+    async save(model: SysUser): Promise<SysUser> {
+        const result = await this.repository.save(model);
+        return result;
+    }
+    async destroy(id: number): Promise<DeleteResult> {
+        const result = await this.repository.delete(id);
+        return result;
+    }
+    //#endregion
+}
--- a/backend/src/Utils/LoadModules.ts
+++ b/backend/src/Utils/LoadModules.ts
@ -0,0 +1,50 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 11:44:48
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 17:51:54
+ * @FilePath: \tsplatform\backend\src\Utils\LoadModules.ts
+ * @Description: 全局加载模块
+ */
+import { Logger } from '@nestjs/common';
+import { RestfulReturn } from 'src/Expand/RestfulReturn';
+import { LoggerPrint } from 'src/Logging/LoggerPrint';
+import { JwtService } from '@nestjs/jwt';
+
+import { SysMenu } from 'src/Entity/SysMenu';
+import { SysCity } from 'src/Entity/SysCity';
+import { SysUser } from 'src/Entity/SysUser';
+import { SysRole } from 'src/Entity/SysRole';
+import { SysRoleMenu } from 'src/Entity/SysRoleMenu';
+
+import { IndexController } from 'src/Controller/IndexController';
+import { MenuController } from 'src/Controller/MenuController';
+import { AuthController } from 'src/Controller/AuthController';
+import { UserController } from 'src/Controller/UserController';
+import { RoleController } from 'src/Controller/RoleController';
+import { CityController } from 'src/Controller/CityController';
+
+import { MenuService } from 'src/Service/MenuService';
+import { UserService } from 'src/Service/UserService';
+import { RoleService } from 'src/Service/RoleService';
+import { Repository } from 'typeorm';
+import { CityService } from 'src/Service/CityService';
+
+
+//自动导入Entity
+export function LoadPlatFormEntity() {
+	return [SysCity, SysMenu, SysUser, SysRole, SysRoleMenu];
+}
+//自动导入Controller
+export function LoadController() {
+	return [IndexController, CityController, MenuController, UserController, AuthController, RoleController,];
+}
+//自动导入Service服务
+export function LoadService() {
+	return [
+		//特殊服务提供者
+		RestfulReturn, Logger, LoggerPrint, Repository,JwtService,
+		//Service服务提供者
+		MenuService, UserService, RoleService, CityService
+	];
+}
--- a/backend/src/app.module.ts
+++ b/backend/src/app.module.ts
@ -0,0 +1,61 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 09:19:20
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 10:16:52
+ * @FilePath: \tsplatform\backend\src\app.module.ts
+ * @Description: 全局模块入口
+ */
+
+import { MiddlewareConsumer, Module, NestModule, RequestMethod } from '@nestjs/common';
+import { ConfigModule } from '@nestjs/config';
+import { TypeOrmModule } from '@nestjs/typeorm';
+import { LoadController, LoadPlatFormEntity, LoadService } from 'src/Utils/LoadModules';
+import { AppConfig, DataBaseConfig } from 'src/Config/Index';
+import { JwtHandle } from 'src/Middleware/JwtHandle';
+@Module({
+  imports: [
+    TypeOrmModule.forFeature(LoadPlatFormEntity()),
+    TypeOrmModule.forRootAsync({
+      useFactory: () => ({
+        debug: false,
+        //重试连接数据库的次数
+        retryAttempts: 10,
+        //两次重试连接的间隔(ms)
+        retryDelay: 3000,
+        //自动加载实体
+        autoLoadEntities: true,
+        type: 'mysql',
+        host: DataBaseConfig.DataBase.host,
+        port: DataBaseConfig.DataBase.port,
+        username: DataBaseConfig.DataBase.username,
+        password: DataBaseConfig.DataBase.password,
+        database: DataBaseConfig.DataBase.database,
+        entities: LoadPlatFormEntity(),
+        logging: AppConfig.debug,
+        synchronize: AppConfig.debug,
+      })
+    }),
+    ConfigModule.forRoot({
+      isGlobal: true,
+      envFilePath: ['.env', '.env.development', '.env.production'],
+    }),
+
+  ],
+  controllers: LoadController(),
+  providers: LoadService()
+})
+export class AppModule implements NestModule {
+  configure(consumer: MiddlewareConsumer) {
+    consumer
+      .apply(JwtHandle)
+      .exclude(
+        { path: 'auth/login', method: RequestMethod.POST },
+        { path: 'auth/getUserInfo', method: RequestMethod.GET },
+        { path: '/seed', method: RequestMethod.GET },
+
+      )
+      .forRoutes("*");
+  }
+
+}
--- a/backend/src/main.ts
+++ b/backend/src/main.ts
@ -0,0 +1,33 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 09:19:20
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 11:17:23
+ * @FilePath: \tsplatform\backend\src\main.ts
+ * @Description: 主程序入口
+ */
+
+import { NestFactory } from '@nestjs/core';
+import { AppModule } from 'src/app.module';
+import { NestExpressApplication } from '@nestjs/platform-express';
+import { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';
+import { AppConfig } from 'src/Config/Index';
+import { ValidationPipe } from '@nestjs/common';
+async function bootstrap() {
+  const app = await NestFactory.create<NestExpressApplication>(AppModule, { logger: ['error', 'warn', "log", "debug", "verbose"], cors: true });
+
+  //全局Dto参数校验管道
+  app.useGlobalPipes(new ValidationPipe());
+  const config = new DocumentBuilder()
+    //基础文档里添加安全定义   
+    .addBearerAuth()
+    .setTitle('甜蜜蜜TS开发总平台')
+    .setDescription('甜蜜蜜TS开发总平台')
+    .setContact("甜蜜蜜", "https://gitee.com/tmm-top/vue-next-admin-ts", "490912587@qq.com")
+    .setVersion('1.0')
+    .build();
+  const document = SwaggerModule.createDocument(app, config);
+  SwaggerModule.setup('/api', app, document);
+  await app.listen(AppConfig.port, '0.0.0.0');
+}
+bootstrap();
--- a/backend/test/app.e2e-spec.ts
+++ b/backend/test/app.e2e-spec.ts
@ -0,0 +1,24 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { INestApplication } from '@nestjs/common';
+import * as request from 'supertest';
+import { AppModule } from './../src/app.module';
+
+describe('AppController (e2e)', () => {
+  let app: INestApplication;
+
+  beforeEach(async () => {
+    const moduleFixture: TestingModule = await Test.createTestingModule({
+      imports: [AppModule],
+    }).compile();
+
+    app = moduleFixture.createNestApplication();
+    await app.init();
+  });
+
+  it('/ (GET)', () => {
+    return request(app.getHttpServer())
+      .get('/')
+      .expect(200)
+      .expect('Hello World!');
+  });
+});
--- a/backend/test/jest-e2e.json
+++ b/backend/test/jest-e2e.json
@ -0,0 +1,9 @@
+{
+  "moduleFileExtensions": ["js", "json", "ts"],
+  "rootDir": ".",
+  "testEnvironment": "node",
+  "testRegex": ".e2e-spec.ts$",
+  "transform": {
+    "^.+\\.(t|j)s$": "ts-jest"
+  }
+}
--- a/backend/tsconfig.build.json
+++ b/backend/tsconfig.build.json
@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "exclude": ["node_modules", "test", "dist", "**/*spec.ts"],
+}
--- a/backend/tsconfig.json
+++ b/backend/tsconfig.json
@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "declaration": true,
+    "removeComments": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
+    "target": "es2022",
+    "sourceMap": true,
+    "outDir": "./dist",
+    "baseUrl": "./",
+    "incremental": true,
+    "skipLibCheck": true,
+    "strictNullChecks": false,
+    "noImplicitAny": false,
+    "strictBindCallApply": false,
+    "forceConsistentCasingInFileNames": false,
+    "noFallthroughCasesInSwitch": false
+  }
+}
--- a/doc/.gitignore
+++ b/doc/.gitignore
@ -0,0 +1,9 @@
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+*.code-workspace
+
+# Local History for Visual Studio Code
+.history/
--- a/doc/微信图片_20221208092411.jpg
+++ b/doc/微信图片_20221208092411.jpg
--- a/doc/微信截图_20221124112526.png
+++ b/doc/微信截图_20221124112526.png
--- a/doc/微信截图_20221124112609.png
+++ b/doc/微信截图_20221124112609.png
--- a/doc/微信截图_20221124112646.png
+++ b/doc/微信截图_20221124112646.png
--- a/doc/微信截图_20221124112739.png
+++ b/doc/微信截图_20221124112739.png
--- a/frontend/.eslintignore
+++ b/frontend/.eslintignore
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@ -16,16 +16,16 @@ module.exports = {
 	rules: {
 		// http://eslint.cn/docs/rules/
 		// https://eslint.vuejs.org/rules/
-		'@type-eslint/ban-ts-ignore': 'off',
-		'@type-eslint/explicit-function-return-type': 'off',
-		'@type-eslint/no-explicit-any': 'off',
-		'@type-eslint/no-var-requires': 'off',
-		'@type-eslint/no-empty-function': 'off',
-		'@type-eslint/no-use-before-define': 'off',
-		'@type-eslint/ban-ts-comment': 'off',
-		'@type-eslint/ban-types': 'off',
-		'@type-eslint/no-non-null-assertion': 'off',
-		'@type-eslint/explicit-module-boundary-types': 'off',
+		'@typescript-eslint/ban-ts-ignore': 'off',
+		'@typescript-eslint/explicit-function-return-type': 'off',
+		'@typescript-eslint/no-explicit-any': 'off',
+		'@typescript-eslint/no-var-requires': 'off',
+		'@typescript-eslint/no-empty-function': 'off',
+		'@typescript-eslint/no-use-before-define': 'off',
+		'@typescript-eslint/ban-ts-comment': 'off',
+		'@typescript-eslint/ban-types': 'off',
+		'@typescript-eslint/no-non-null-assertion': 'off',
+		'@typescript-eslint/explicit-module-boundary-types': 'off',
 		'vue/custom-event-name-casing': 'off',
 		'vue/attributes-order': 'off',
 		'vue/one-component-per-file': 'off',
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@ -0,0 +1,25 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env
+.env.development
+.env.production
+*.lock
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+package-lock.json
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/frontend/.prettierrc.js
+++ b/frontend/.prettierrc.js
--- a/frontend/index.html
+++ b/frontend/index.html
--- a/frontend/package.json
+++ b/frontend/package.json
@ -0,0 +1,82 @@
+{
+	"name": "tsplatform",
+	"version": "1.1.0",
+	"description": "vue3 vite next admin template",
+	"author": "SweetHoney",
+	"license": "MIT",
+	"scripts": {
+		"dev": "vite --force",
+		"build": "vite build",
+		"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/"
+	},
+	"dependencies": {
+		"@element-plus/icons-vue": "^2.0.10",
+		"@wangeditor/editor-for-vue": "^5.1.11",
+		"axios": "^1.1.3",
+		"countup.js": "^2.3.2",
+		"cropperjs": "^1.5.12",
+		"echarts": "^5.4.0",
+		"echarts-gl": "^2.0.9",
+		"echarts-wordcloud": "^2.0.0",
+		"element-plus": "^2.2.21",
+		"js-cookie": "^3.0.1",
+		"jsplumb": "^2.15.6",
+		"mitt": "^3.0.0",
+		"nprogress": "^0.2.0",
+		"pinia": "^2.0.23",
+		"print-js": "^1.6.0",
+		"qrcodejs2-fixes": "^0.0.2",
+		"screenfull": "^6.0.2",
+		"sortablejs": "^1.15.0",
+		"splitpanes": "^3.1.5",
+		"ts-md5": "^1.3.1",
+		"vue": "^3.2.45",
+		"vue-clipboard3": "^2.0.0",
+		"vue-grid-layout": "^3.0.0-beta1",
+		"vue-i18n": "^9.2.2",
+		"vue-router": "^4.1.6"
+	},
+	"devDependencies": {
+		"@types/node": "^18.11.9",
+		"@types/nprogress": "^0.2.0",
+		"@types/sortablejs": "^1.15.0",
+		"@typescript-eslint/eslint-plugin": "^5.43.0",
+		"@typescript-eslint/parser": "^5.43.0",
+		"@vitejs/plugin-vue": "^3.2.0",
+		"@vue/compiler-sfc": "^3.2.45",
+		"dotenv": "^16.0.3",
+		"eslint": "^8.27.0",
+		"eslint-plugin-vue": "^9.7.0",
+		"prettier": "^2.7.1",
+		"sass": "^1.56.1",
+		"sass-loader": "^13.2.0",
+		"typescript": "^4.9.3",
+		"vite": "^3.2.4",
+		"vue-eslint-parser": "^9.1.0"
+	},
+	"browserslist": [
+		"> 1%",
+		"last 2 versions",
+		"not dead"
+	],
+	"bugs": {
+		"url": "https://gitee.com/lyt-top/vue-next-admin/issues"
+	},
+	"engines": {
+		"node": ">=12.0.0",
+		"npm": ">= 6.0.0"
+	},
+	"keywords": [
+		"vue",
+		"vue3",
+		"vuejs/vue-next",
+		"element-ui",
+		"element-plus",
+		"vue-next-admin",
+		"next-admin"
+	],
+	"repository": {
+		"type": "git",
+		"url": "https://gitee.com/lyt-top/vue-next-admin.git"
+	}
+}
--- a/frontend/plugins.d.ts
+++ b/frontend/plugins.d.ts
@ -1,3 +1,4 @@
 declare module 'vue-grid-layout';
 declare module 'qrcodejs2-fixes';
 declare module 'splitpanes';
+declare module 'js-cookie';
--- a/frontend/public/favicon.ico
+++ b/frontend/public/favicon.ico
--- a/frontend/shim.d.ts
+++ b/frontend/shim.d.ts
--- a/frontend/source.d.ts
+++ b/frontend/source.d.ts
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@ -0,0 +1,107 @@
+<!--
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 09:19:20
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 17:25:54
+ * @FilePath: \frontend\src\App.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+	<el-config-provider :size="getGlobalComponentSize" :locale="getGlobalI18n">
+		<router-view v-show="themeConfig.lockScreenTime > 1" />
+		<LockScreen v-if="themeConfig.isLockScreen" />
+		<Setings ref="setingsRef" v-show="themeConfig.lockScreenTime > 1" />
+		<CloseFull v-if="!themeConfig.isLockScreen" />
+	</el-config-provider>
+</template>
+
+<script lang="ts">
+import { defineAsyncComponent, computed, ref, onBeforeMount, onMounted, onUnmounted, nextTick, defineComponent, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { storeToRefs } from 'pinia';
+import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
+import { useThemeConfig } from '/@/stores/themeConfig';
+import other from '/@/utils/other';
+import { Local, Session } from '/@/utils/storage';
+import mittBus from '/@/utils/mitt';
+import setIntroduction from '/@/utils/setIconfont';
+
+export default defineComponent({
+	name: 'app',
+	components: {
+		LockScreen: defineAsyncComponent(() => import('/@/layout/lockScreen/index.vue')),
+		Setings: defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/setings.vue')),
+		CloseFull: defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/closeFull.vue')),
+	},
+	setup() {
+		const { messages, locale } = useI18n();
+		const setingsRef = ref();
+		const route = useRoute();
+		const stores = useTagsViewRoutes();
+		const storesThemeConfig = useThemeConfig();
+		const { themeConfig } = storeToRefs(storesThemeConfig);
+		// 获取全局组件大小
+		const getGlobalComponentSize = computed(() => {
+			return other.globalComponentSize();
+		});
+		// 获取全局 i18n
+		const getGlobalI18n = computed(() => {
+			return messages.value[locale.value];
+		});
+		// 设置初始化，防止刷新时恢复默认
+		onBeforeMount(() => {
+			// 设置批量第三方 icon 图标
+			setIntroduction.cssCdn();
+			// 设置批量第三方 js
+			setIntroduction.jsCdn();
+		});
+		// 页面加载时
+		onMounted(() => {
+			nextTick(() => {
+				// 监听布局配置弹窗点击打开
+				mittBus.on('openSetingsDrawer', () => {
+					setingsRef.value.openDrawer();
+				});
+				// 获取缓存中的布局配置
+				if (Local.get('themeConfig')) {
+					storesThemeConfig.setThemeConfig(Local.get('themeConfig'));
+					document.documentElement.style.cssText = Local.get('themeConfigStyle');
+				}
+				// 获取缓存中的全屏配置
+				if (Session.get('isTagsViewCurrenFull')) {
+					stores.setCurrenFullscreen(Session.get('isTagsViewCurrenFull'));
+				}
+			});
+		});
+		// 页面销毁时，关闭监听布局配置/i18n监听
+		onUnmounted(() => {
+			mittBus.off('openSetingsDrawer', () => {});
+		});
+		// 监听路由的变化，设置网站标题
+		watch(
+			() => route.path,
+			() => {
+				other.useTitle();
+			},
+			{
+				deep: true,
+			}
+		);
+		return {
+			themeConfig,
+			setingsRef,
+			getGlobalComponentSize,
+			getGlobalI18n,
+		};
+	},
+});
+</script>
+
+<style>
+.searchBox {
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+}
+</style>
--- a/frontend/src/api/city/index.ts
+++ b/frontend/src/api/city/index.ts
@ -0,0 +1,23 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 09:19:20
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 09:43:23
+ * @FilePath: \tsplatform\frontend\src\api\menu\index.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import request from '/@/utils/request';
+export function getPage(params: object) {
+	return request({
+		url: '/city/getPage',
+		method: 'get',
+		params
+	});
+}
+export function getList(params: object) {
+	return request({
+		url: '/city/getList',
+		method: 'get',
+		params
+	});
+}
--- a/frontend/src/api/login/index.ts
+++ b/frontend/src/api/login/index.ts
@ -0,0 +1,34 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 09:19:20
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 17:01:13
+ * @FilePath: \tsplatform\frontend\src\api\login\index.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import request from '/@/utils/request';
+
+/**
+ * 登录api接口集合
+ * @method signIn 用户登录
+ * @method signOut 用户退出登录
+ */
+export function signIn(params: object) {
+	return request({
+		url: '/auth/login',
+		method: 'post',
+		data: params,
+	});
+}
+export function getUserInfo() {
+	return request({
+		url: '/auth/getUserInfo',
+		method: 'get'
+	});
+}
+export function signOut() {
+	return request({
+		url: '/auth/loginOut',
+		method: 'get'
+	});
+}
--- a/frontend/src/api/menu/index.ts
+++ b/frontend/src/api/menu/index.ts
@ -0,0 +1,51 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 09:19:20
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-24 00:24:11
+ * @FilePath: \tsplatform\frontend\src\api\menu\index.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import request from '/@/utils/request';
+export function getAuthMenu(params: object) {
+	return request({
+		url: '/menu/getAuthMenuTree',
+		method: 'get',
+		params,
+	});
+}
+export function getMenuTree(params: object) {
+	return request({
+		url: '/menu/getMenuTree',
+		method: 'get',
+		params,
+	});
+}
+export function add(params: object) {
+	return request({
+		url: '/menu/add',
+		method: 'post',
+		data: params
+	});
+}
+export function edit(params: object) {
+	return request({
+		url: '/menu/edit',
+		method: 'post',
+		data: params
+	});
+}
+export function del(params: object) {
+	return request({
+		url: '/menu/del',
+		method: 'post',
+		data: params
+	});
+}
+export function setStatus(params: object) {
+	return request({
+		url: '/menu/setStatus',
+		method: 'post',
+		data: params
+	});
+}
--- a/frontend/src/api/role/index.ts
+++ b/frontend/src/api/role/index.ts
@ -0,0 +1,52 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 09:19:20
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 21:35:46
+ * @FilePath: \tsplatform\frontend\src\api\menu\index.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import request from '/@/utils/request';
+
+export function getPage(params: object) {
+	return request({
+		url: '/role/getPage',
+		method: 'get',
+		params
+	});
+}
+export function getList(params: object) {
+	return request({
+		url: '/role/getList',
+		method: 'get',
+		params
+	});
+}
+export function add(params: object) {
+	return request({
+		url: '/role/add',
+		method: 'post',
+		data: params
+	});
+}
+export function edit(params: object) {
+	return request({
+		url: '/role/edit',
+		method: 'post',
+		data: params
+	});
+}
+export function del(params: object) {
+	return request({
+		url: '/role/del',
+		method: 'post',
+		data: params
+	});
+}
+export function setStatus(params: object) {
+	return request({
+		url: '/role/setStatus',
+		method: 'post',
+		data: params
+	});
+}
--- a/frontend/src/api/user/index.ts
+++ b/frontend/src/api/user/index.ts
@ -0,0 +1,51 @@
+/*
+ * @Author: '490912587@qq.com' '490912587@qq.com'
+ * @Date: 2022-11-17 09:19:20
+ * @LastEditors: '490912587@qq.com' '490912587@qq.com'
+ * @LastEditTime: 2022-11-23 21:35:53
+ * @FilePath: \tsplatform\frontend\src\api\menu\index.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import request from '/@/utils/request';
+export function getPage(params: object) {
+	return request({
+		url: '/user/getPage',
+		method: 'get',
+		params
+	});
+}
+export function getList(params: object) {
+	return request({
+		url: '/role/getList',
+		method: 'get',
+		params
+	});
+}
+export function add(params: object) {
+	return request({
+		url: '/user/add',
+		method: 'post',
+		data: params
+	});
+}
+export function edit(params: object) {
+	return request({
+		url: '/user/edit',
+		method: 'post',
+		data: params
+	});
+}
+export function del(params: object) {
+	return request({
+		url: '/user/del',
+		method: 'post',
+		data: params
+	});
+}
+export function setStatus(params: object) {
+	return request({
+		url: '/user/setStatus',
+		method: 'post',
+		data: params
+	});
+}
--- a/frontend/src/assets/avtar.png
+++ b/frontend/src/assets/avtar.png
--- a/frontend/src/assets/login-bg.svg
+++ b/frontend/src/assets/login-bg.svg
--- a/frontend/src/assets/login-icon-two.svg
+++ b/frontend/src/assets/login-icon-two.svg
--- a/frontend/src/assets/login-main.svg
+++ b/frontend/src/assets/login-main.svg
--- a/frontend/src/assets/logo-mini.svg
+++ b/frontend/src/assets/logo-mini.svg
--- a/frontend/src/components/auth/auth.vue
+++ b/frontend/src/components/auth/auth.vue
@ -4,7 +4,9 @@

 <script lang="ts">
 import { computed, defineComponent } from 'vue';
-import { useStore } from '/@/store/index';
+import { storeToRefs } from 'pinia';
+import { useUserInfo } from '/@/stores/userInfo';
+
 export default defineComponent({
 	name: 'auth',
 	props: {
@ -14,10 +16,11 @@ export default defineComponent({
 		},
 	},
 	setup(props) {
-		const store = useStore();
+		const stores = useUserInfo();
+		const { userInfos } = storeToRefs(stores);
 		// 获取 vuex 中的用户权限
 		const getUserAuthBtnList = computed(() => {
-			return store.state.userInfos.userInfos.authBtnList.some((v: string) => v === props.value);
+			return userInfos.value.authBtnList.some((v: string) => v === props.value);
 		});
 		return {
 			getUserAuthBtnList,
--- a/frontend/src/components/auth/authAll.vue
+++ b/frontend/src/components/auth/authAll.vue
@ -4,8 +4,10 @@

 <script lang="ts">
 import { computed, defineComponent } from 'vue';
-import { useStore } from '/@/store/index';
+import { storeToRefs } from 'pinia';
+import { useUserInfo } from '/@/stores/userInfo';
 import { judementSameArr } from '/@/utils/arrayOperation';
+
 export default defineComponent({
 	name: 'authAll',
 	props: {
@ -15,10 +17,11 @@ export default defineComponent({
 		},
 	},
 	setup(props) {
-		const store = useStore();
-		// 获取 vuex 中的用户权限
+		const stores = useUserInfo();
+		const { userInfos } = storeToRefs(stores);
+		// 获取 pinia 中的用户权限
 		const getUserAuthBtnList = computed(() => {
-			return judementSameArr(props.value, store.state.userInfos.userInfos.authBtnList);
+			return judementSameArr(props.value, userInfos.value.authBtnList);
 		});
 		return {
 			getUserAuthBtnList,
--- a/frontend/src/components/auth/auths.vue
+++ b/frontend/src/components/auth/auths.vue
@ -4,7 +4,9 @@

 <script lang="ts">
 import { computed, defineComponent } from 'vue';
-import { useStore } from '/@/store/index';
+import { storeToRefs } from 'pinia';
+import { useUserInfo } from '/@/stores/userInfo';
+
 export default defineComponent({
 	name: 'auths',
 	props: {
@ -14,11 +16,12 @@ export default defineComponent({
 		},
 	},
 	setup(props) {
-		const store = useStore();
+		const stores = useUserInfo();
+		const { userInfos } = storeToRefs(stores);
 		// 获取 vuex 中的用户权限
 		const getUserAuthBtnList = computed(() => {
 			let flag = false;
-			store.state.userInfos.userInfos.authBtnList.map((val: string) => {
+			userInfos.value.authBtnList.map((val: string) => {
 				props.value.map((v) => {
 					if (val === v) flag = true;
 				});
--- a/frontend/src/components/cropper/index.vue
+++ b/frontend/src/components/cropper/index.vue
@ -35,6 +35,7 @@
 import { reactive, toRefs, nextTick, defineComponent } from 'vue';
 import Cropper from 'cropperjs';
 import 'cropperjs/dist/cropper.css';
+
 export default defineComponent({
 	name: 'cropperIndex',
 	setup() {
@ -101,7 +102,7 @@ export default defineComponent({
 		display: inline-block;
 		height: 350px;
 		flex: 1;
-		border: var(--el-border-base);
+		border: 1px solid var(--el-border-color);
 		background: var(--el-color-white);
 		overflow: hidden;
 		background-repeat: no-repeat;
--- a/frontend/src/components/editor/index.vue
+++ b/frontend/src/components/editor/index.vue
@ -0,0 +1,88 @@
+<template>
+	<div class="editor-container">
+		<Toolbar :editor="editorRef" :mode="mode" />
+		<Editor :mode="mode" :defaultConfig="editorConfig" :style="{ height }" v-model="editorVal" @onCreated="handleCreated" @onChange="handleChange" />
+	</div>
+</template>
+
+<script lang="ts">
+// https://www.wangeditor.com/v5/for-frame.html#vue3
+import '@wangeditor/editor/dist/css/style.css';
+import { defineComponent, reactive, toRefs, shallowRef, watch, onBeforeUnmount } from 'vue';
+import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
+
+export default defineComponent({
+	name: 'wngEditor',
+	components: { Toolbar, Editor },
+	props: {
+		// 是否禁用
+		disable: {
+			type: Boolean,
+			default: () => true,
+		},
+		// 内容框默认 placeholder
+		placeholder: {
+			type: String,
+			default: () => '请输入内容...',
+		},
+		// 双向绑定：双向绑定值，字段名为固定，改了之后将不生效
+		// 参考：https://v3.cn.vuejs.org/guide/migration/v-model.html#%E8%BF%81%E7%A7%BB%E7%AD%96%E7%95%A5
+		modelValue: String,
+		// https://www.wangeditor.com/v5/getting-started.html#mode-%E6%A8%A1%E5%BC%8F
+		// 模式，可选 <default|simple>，默认 default
+		mode: {
+			type: String,
+			default: () => 'default',
+		},
+		// 高度
+		height: {
+			type: String,
+			default: () => '310px',
+		},
+	},
+	setup(props, { emit }) {
+		const editorRef = shallowRef();
+		const state = reactive({
+			editorConfig: {
+				placeholder: props.placeholder,
+			},
+			editorVal: props.modelValue,
+		});
+		// 编辑器回调函数
+		const handleCreated = (editor: any) => {
+			editorRef.value = editor;
+		};
+		// 编辑器内容改变时
+		const handleChange = (editor: any) => {
+			// console.log(editor.getText());
+			// console.log(editor.getHtml());
+			emit('update:modelValue', editor.getHtml());
+		};
+		// 监听是否禁用改变
+		// https://gitee.com/lyt-top/vue-next-admin/issues/I4LM7I
+		watch(
+			() => props.disable,
+			(bool) => {
+				const editor = editorRef.value;
+				if (editor == null) return;
+				bool ? editor.disable() : editor.enable();
+			},
+			{
+				deep: true,
+			}
+		);
+		// 页面销毁时
+		onBeforeUnmount(() => {
+			const editor = editorRef.value;
+			if (editor == null) return;
+			editor.destroy();
+		});
+		return {
+			editorRef,
+			handleCreated,
+			handleChange,
+			...toRefs(state),
+		};
+	},
+});
+</script>
--- a/frontend/src/components/iconSelector/index.vue
+++ b/frontend/src/components/iconSelector/index.vue
@ -1,6 +1,13 @@
 <template>
-	<div class="icon-selector">
-		<el-popover placement="bottom" :width="fontIconWidth" v-model:visible="fontIconVisible" popper-class="icon-selector-popper">
+	<div class="icon-selector w100 h100">
+		<el-popover
+			placement="bottom"
+			:width="fontIconWidth"
+			trigger="click"
+			transition="el-zoom-in-top"
+			popper-class="icon-selector-popper"
+			@show="onPopoverShow"
+		>
 			<template #reference>
 				<el-input
 					v-model="fontIconSearch"
@ -23,8 +30,8 @@
 					</template>
 				</el-input>
 			</template>
-			<transition name="el-zoom-in-top">
-				<div class="icon-selector-warp" v-show="fontIconVisible">
+			<template #default>
+				<div class="icon-selector-warp">
 					<div class="icon-selector-warp-title flex">
 						<div class="flex-auto">{{ title }}</div>
 						<div class="icon-selector-warp-title-tab" v-if="type === 'all'">
@ -50,7 +57,7 @@
 						</el-scrollbar>
 					</div>
 				</div>
-			</transition>
+			</template>
 		</el-popover>
 	</div>
 </template>
@ -58,6 +65,7 @@
 <script lang="ts">
 import { ref, toRefs, reactive, onMounted, nextTick, computed, watch, defineComponent } from 'vue';
 import initIconfont from '/@/utils/getStyleSheets';
+
 export default defineComponent({
 	name: 'iconSelector',
 	emits: ['update:modelValue', 'get', 'clear'],
@ -102,8 +110,9 @@ export default defineComponent({
 			type: String,
 			default: () => '无相关图标',
 		},
-		// 双向绑定值，字段名为固定，改了之后将不生效
+		// 双向绑定值，默认为 modelValue，
 		// 参考：https://v3.cn.vuejs.org/guide/migration/v-model.html#%E8%BF%81%E7%A7%BB%E7%AD%96%E7%95%A5
+		// 参考：https://v3.cn.vuejs.org/guide/component-custom-events.html#%E5%A4%9A%E4%B8%AA-v-model-%E7%BB%91%E5%AE%9A
 		modelValue: String,
 	},
 	setup(props, { emit }) {
@ -111,7 +120,6 @@ export default defineComponent({
 		const selectorScrollbarRef = ref();
 		const state = reactive({
 			fontIconPrefix: '',
-			fontIconVisible: false,
 			fontIconWidth: 0,
 			fontIconSearch: '',
 			fontIconTabsIndex: 0,
@ -122,7 +130,6 @@ export default defineComponent({
 		});
 		// 处理 input 获取焦点时，modelValue 有值时，改变 input 的 placeholder 值
 		const onIconFocus = () => {
-			state.fontIconVisible = true;
 			if (!props.modelValue) return false;
 			state.fontIconSearch = '';
 			state.fontIconPlaceholder = props.modelValue;
@ -136,10 +143,17 @@ export default defineComponent({
 		};
 		// 处理 icon 双向绑定数值回显
 		const initModeValueEcho = () => {
-			if (props.modelValue === '') return false;
+			if (props.modelValue === '') return ((<string | undefined>state.fontIconPlaceholder) = props.placeholder);
 			(<string | undefined>state.fontIconPlaceholder) = props.modelValue;
 			(<string | undefined>state.fontIconPrefix) = props.modelValue;
 		};
+		// 处理 icon type 类型为 all 时，类型 ali、ele、awe 回显问题
+		const initFontIconTypeEcho = () => {
+			if ((<any>props.modelValue)?.indexOf('iconfont') > -1) onIconChange('ali');
+			else if ((<any>props.modelValue)?.indexOf('ele-') > -1) onIconChange('ele');
+			else if ((<any>props.modelValue)?.indexOf('fa') > -1) onIconChange('awe');
+			else onIconChange('ali');
+		};
 		// 图标搜索及图标数据显示
 		const fontIconSheetsFilterList = computed(() => {
 			if (!state.fontIconSearch) return state.fontIconSheetsList;
@ -183,8 +197,6 @@ export default defineComponent({
 			state.fontIconPlaceholder = props.placeholder;
 			// 初始化双向绑定回显
 			initModeValueEcho();
-			// 切换时，滚动条置顶。感兴趣可以使用 keep-alive <component :is="xxx"/> 进行缓存
-			selectorScrollbarRef.value.wrap$.scrollTop = 0;
 		};
 		// 图标点击切换
 		const onIconChange = (type: string) => {
@ -194,7 +206,6 @@ export default defineComponent({
 		// 获取当前点击的 icon 图标
 		const onColClick = (v: any) => {
 			state.fontIconPlaceholder = v;
-			state.fontIconVisible = false;
 			state.fontIconPrefix = v;
 			emit('get', state.fontIconPrefix);
 			emit('update:modelValue', state.fontIconPrefix);
@ -205,20 +216,18 @@ export default defineComponent({
 			emit('clear', state.fontIconPrefix);
 			emit('update:modelValue', state.fontIconPrefix);
 		};
+		// 监听 Popover 打开，用于双向绑定值回显
+		const onPopoverShow = () => {
+			initModeValueEcho();
+			initFontIconTypeEcho();
+		};
 		// 页面加载时
 		onMounted(() => {
-			// 判断默认进来是什么类型图标，进行 tab 回显
-			if (props.type === 'all') {
-				if ((<any>props.modelValue)?.indexOf('iconfont') > -1) onIconChange('ali');
-				else if ((<any>props.modelValue)?.indexOf('ele-') > -1) onIconChange('ele');
-				else if ((<any>props.modelValue)?.indexOf('fa') > -1) onIconChange('awe');
-				else onIconChange('ali');
-			} else {
-				onIconChange(props.type);
-			}
+			initModeValueEcho();
 			initResize();
 			getInputWidth();
 		});
+
 		// 监听双向绑定 modelValue 的变化
 		watch(
 			() => props.modelValue,
@ -235,6 +244,7 @@ export default defineComponent({
 			onClearFontIcon,
 			onIconFocus,
 			onIconBlur,
+			onPopoverShow,
 			...toRefs(state),
 		};
 	},
--- a/frontend/src/components/noticeBar/index.vue
+++ b/frontend/src/components/noticeBar/index.vue
@ -13,6 +13,7 @@

 <script lang="ts">
 import { toRefs, reactive, defineComponent, ref, onMounted, nextTick } from 'vue';
+
 export default defineComponent({
 	name: 'noticeBar',
 	props: {
@ -29,12 +30,12 @@ export default defineComponent({
 		// 通知文本颜色
 		color: {
 			type: String,
-			default: () => 'var(--color-warning)',
+			default: () => 'var(--el-color-warning)',
 		},
 		// 通知背景色
 		background: {
 			type: String,
-			default: () => 'var(--color-warning-light-9)',
+			default: () => 'var(--el-color-warning-light-9)',
 		},
 		// 字体大小，单位px
 		size: {
@ -171,7 +172,7 @@ export default defineComponent({
 			.notice-bar-warp-slot {
 				width: 100%;
 				white-space: nowrap;
-				::v-deep(.el-carousel__item) {
+				:deep(.el-carousel__item) {
 					display: flex;
 					align-items: center;
 				}
--- a/frontend/src/components/svgIcon/index.vue
+++ b/frontend/src/components/svgIcon/index.vue
@ -0,0 +1,73 @@
+<template>
+	<i v-if="isShowIconSvg" class="el-icon" :style="setIconSvgStyle">
+		<component :is="getIconName" />
+	</i>
+	<div v-else-if="isShowIconImg" :style="setIconImgOutStyle">
+		<img :src="getIconName" :style="setIconSvgInsStyle" />
+	</div>
+	<i v-else :class="getIconName" :style="setIconSvgStyle" />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent } from 'vue';
+
+export default defineComponent({
+	name: 'svgIcon',
+	props: {
+		// svg 图标组件名字
+		name: {
+			type: String,
+		},
+		// svg 大小
+		size: {
+			type: Number,
+			default: () => 14,
+		},
+		// svg 颜色
+		color: {
+			type: String,
+		},
+	},
+	setup(props) {
+		// 在线链接、本地引入地址前缀
+		const linesString = ['https', 'http', '/src', '/assets', import.meta.env.VITE_PUBLIC_PATH];
+
+		// 获取 icon 图标名称
+		const getIconName = computed(() => {
+			return props?.name;
+		});
+		// 用于判断 element plus 自带 svg 图标的显示、隐藏
+		const isShowIconSvg = computed(() => {
+			return props?.name?.startsWith('ele-');
+		});
+		// 用于判断在线链接、本地引入等图标显示、隐藏
+		const isShowIconImg = computed(() => {
+			return linesString.find((str) => props.name?.startsWith(str));
+		});
+		// 设置图标样式
+		const setIconSvgStyle = computed(() => {
+			return `font-size: ${props.size}px;color: ${props.color};`;
+		});
+		// 设置图片样式
+		const setIconImgOutStyle = computed(() => {
+			return `width: ${props.size}px;height: ${props.size}px;display: inline-block;overflow: hidden;`;
+		});
+		// 设置图片样式
+		// https://gitee.com/lyt-top/vue-next-admin/issues/I59ND0
+		const setIconSvgInsStyle = computed(() => {
+			const filterStyle: string[] = [];
+			const compatibles: string[] = ['-webkit', '-ms', '-o', '-moz'];
+			compatibles.forEach((j) => filterStyle.push(`${j}-filter: drop-shadow(${props.color} 30px 0);`));
+			return `width: ${props.size}px;height: ${props.size}px;position: relative;left: -${props.size}px;${filterStyle.join('')}`;
+		});
+		return {
+			getIconName,
+			isShowIconSvg,
+			isShowIconImg,
+			setIconSvgStyle,
+			setIconImgOutStyle,
+			setIconSvgInsStyle,
+		};
+	},
+});
+</script>
--- a/frontend/src/i18n/index.ts
+++ b/frontend/src/i18n/index.ts
@ -1,8 +1,10 @@
 import { createI18n } from 'vue-i18n';
+import pinia from '/@/stores/index';
+import { storeToRefs } from 'pinia';
+import { useThemeConfig } from '/@/stores/themeConfig';
 import zhcnLocale from 'element-plus/lib/locale/lang/zh-cn';
 import enLocale from 'element-plus/lib/locale/lang/en';
 import zhtwLocale from 'element-plus/lib/locale/lang/zh-tw';
-import { store } from '/@/store/index';

 import nextZhcn from '/@/i18n/lang/zh-cn';
 import nextEn from '/@/i18n/lang/en';
@ -48,9 +50,19 @@ const messages = {
 	},
 };

+// 读取 pinia 默认语言
+const stores = useThemeConfig(pinia);
+const { themeConfig } = storeToRefs(stores);
+
 // 导出语言国际化
+// https://vue-i18n.intlify.dev/guide/essentials/fallback.html#explicit-fallback-with-one-locale
 export const i18n = createI18n({
-	locale: store.state.themeConfig.themeConfig.globalI18n,
+	legacy: false,
+	silentTranslationWarn: true,
+	missingWarn: false,
+	silentFallbackWarn: true,
+	fallbackWarn: false,
+	locale: themeConfig.value.globalI18n,
 	fallbackLocale: zhcnLocale.name,
 	messages,
 });
--- a/frontend/src/i18n/lang/en.ts
+++ b/frontend/src/i18n/lang/en.ts
@ -2,76 +2,15 @@
 export default {
 	router: {
 		home: 'home',
-		system: 'system',
-		systemMenu: 'systemMenu',
-		systemRole: 'systemRole',
-		systemUser: 'systemUser',
-		systemDept: 'systemDept',
-		systemDic: 'systemDic',
-		limits: 'limits',
-		limitsFrontEnd: 'FrontEnd',
-		limitsFrontEndPage: 'FrontEndPage',
-		limitsFrontEndBtn: 'FrontEndBtn',
-		limitsBackEnd: 'BackEnd',
-		limitsBackEndEndPage: 'BackEndEndPage',
-		menu: 'menu',
-		menu1: 'menu1',
-		menu11: 'menu11',
-		menu12: 'menu12',
-		menu121: 'menu121',
-		menu122: 'menu122',
-		menu13: 'menu13',
-		menu2: 'menu2',
-		funIndex: 'function',
-		funTagsView: 'funTagsView',
-		funCountup: 'countup',
-		funWangEditor: 'wangEditor',
-		funCropper: 'cropper',
-		funQrcode: 'qrcode',
-		funEchartsMap: 'EchartsMap',
-		funPrintJs: 'PrintJs',
-		funClipboard: 'Copy cut',
-		funGridLayout: 'Drag layout',
-		funSplitpanes: 'Pane splitter',
-		funDragVerify: 'Validator',
-		pagesIndex: 'pages',
-		pagesFiltering: 'Filtering',
-		pagesFilteringDetails: 'FilteringDetails',
-		pagesFilteringDetails1: 'FilteringDetails1',
-		pagesIocnfont: 'iconfont icon',
-		pagesElement: 'element icon',
-		pagesAwesome: 'awesome icon',
-		pagesFormAdapt: 'FormAdapt',
-		pagesTableRules: 'pagesTableRules',
-		pagesFormI18n: 'FormI18n',
-		pagesFormRules: 'Multi form validation',
-		pagesDynamicForm: 'Dynamic complex form',
-		pagesWorkflow: 'Workflow',
-		pagesListAdapt: 'ListAdapt',
-		pagesWaterfall: 'Waterfall',
-		pagesSteps: 'Steps',
-		pagesPreview: 'Large preview',
-		pagesWaves: 'Wave effect',
-		pagesTree: 'tree alter table',
-		pagesDrag: 'Drag command',
-		pagesLazyImg: 'Image lazy loading',
-		makeIndex: 'makeIndex',
-		makeSelector: 'Icon selector',
-		makeNoticeBar: 'notification bar',
-		makeSvgDemo: 'Svgicon demo',
-		paramsIndex: 'Routing parameters',
-		paramsCommon: 'General routing',
-		paramsDynamic: 'Dynamic routing',
-		paramsCommonDetails: 'General routing details',
-		paramsDynamicDetails: 'Dynamic routing details',
-		chartIndex: 'chartIndex',
-		visualizingIndex: 'visualizingIndex',
-		visualizingLinkDemo1: 'visualizingLinkDemo1',
-		visualizingLinkDemo2: 'visualizingLinkDemo2',
+		system: {
+			system: 'system',
+			menu: 'systemMenu',
+			role: 'systemRole',
+			user: 'systemUser',
+			dic: 'systemDic',
+			city: 'systemDept'
+		},
 		personal: 'personal',
-		tools: 'tools',
-		layoutLinkView: 'LinkView',
-		layoutIfameView: 'IfameView',
 	},
 	staticRoutes: {
 		signIn: 'signIn',
@ -105,7 +44,6 @@ export default {
 		logOutConfirm: 'determine',
 		logOutCancel: 'cancel',
 		logOutExit: 'Exiting',
-		logOutSuccess: 'Exit successfully!',
 	},
 	tagsView: {
 		refresh: 'refresh',
@ -140,6 +78,7 @@ export default {
 		twoColumnsMenuBar: 'Column menu background',
 		twoColumnsMenuBarColor: 'Default font color bar menu',
 		twoIsColumnsMenuBarColorGradual: 'Column gradient',
+		twoIsColumnsMenuHoverPreload: 'Column Menu Hover Preload',
 		threeTitle: 'Interface settings',
 		threeIsCollapse: 'Menu horizontal collapse',
 		threeIsUniqueOpened: 'Menu accordion',
@ -172,7 +111,7 @@ export default {
 		sixClassic: 'Two',
 		sixTransverse: 'Three',
 		sixColumns: 'Four',
-		tipText: 'Click the button below to copy the layout configuration to `/src/store/modules/themeConfig.ts` It has been modified in.',
+		tipText: 'Click the button below to copy the layout configuration to `/src/stores/themeConfig.ts` It has been modified in.',
 		copyText: 'replication configuration',
 		resetText: 'restore default',
 		copyTextSuccess: 'Copy succeeded!',
--- a/frontend/src/i18n/lang/zh-cn.ts
+++ b/frontend/src/i18n/lang/zh-cn.ts
@ -2,76 +2,15 @@
 export default {
 	router: {
 		home: '首页',
-		system: '系统设置',
-		systemMenu: '菜单管理',
-		systemRole: '角色管理',
-		systemUser: '用户管理',
-		systemDept: '部门管理',
-		systemDic: '字典管理',
-		limits: '权限管理',
-		limitsFrontEnd: '前端控制',
-		limitsFrontEndPage: '页面权限',
-		limitsFrontEndBtn: '按钮权限',
-		limitsBackEnd: '后端控制',
-		limitsBackEndEndPage: '页面权限',
-		menu: '菜单嵌套',
-		menu1: '菜单1',
-		menu11: '菜单11',
-		menu12: '菜单12',
-		menu121: '菜单121',
-		menu122: '菜单122',
-		menu13: '菜单13',
-		menu2: '菜单2',
-		funIndex: '功能',
-		funTagsView: 'tagsView 操作',
-		funCountup: '数字滚动',
-		funWangEditor: 'Editor 编辑器',
-		funCropper: '图片裁剪',
-		funQrcode: '二维码生成',
-		funEchartsMap: '地理坐标/地图',
-		funPrintJs: '页面打印',
-		funClipboard: '复制剪切',
-		funGridLayout: '拖拽布局',
-		funSplitpanes: '窗格拆分器',
-		funDragVerify: '验证器',
-		pagesIndex: '页面',
-		pagesFiltering: '过滤筛选组件',
-		pagesFilteringDetails: '过滤筛选组件详情',
-		pagesFilteringDetails1: '过滤筛选组件详情111',
-		pagesIocnfont: 'ali 字体图标',
-		pagesElement: 'ele 字体图标',
-		pagesAwesome: 'awe 字体图标',
-		pagesFormAdapt: '表单自适应',
-		pagesTableRules: '表单表格验证',
-		pagesFormI18n: '表单国际化',
-		pagesFormRules: '多表单验证',
-		pagesDynamicForm: '动态复杂表单',
-		pagesWorkflow: '工作流',
-		pagesListAdapt: '列表自适应',
-		pagesWaterfall: '瀑布屏',
-		pagesSteps: '步骤条',
-		pagesPreview: '大图预览',
-		pagesWaves: '波浪效果',
-		pagesTree: '树形改表格',
-		pagesDrag: '拖动指令',
-		pagesLazyImg: '图片懒加载',
-		makeIndex: '组件封装',
-		makeSelector: '图标选择器',
-		makeNoticeBar: '滚动通知栏',
-		makeSvgDemo: 'svgIcon 演示',
-		paramsIndex: '路由参数',
-		paramsCommon: '普通路由',
-		paramsDynamic: '动态路由',
-		paramsCommonDetails: '普通路由详情',
-		paramsDynamicDetails: '动态路由详情',
-		chartIndex: '大数据图表',
-		visualizingIndex: '数据可视化',
-		visualizingLinkDemo1: '数据可视化演示1',
-		visualizingLinkDemo2: '数据可视化演示2',
+		system: {
+			system: '系统设置',
+			menu: '菜单管理',
+			role: '角色管理',
+			user: '用户管理',
+			dic: '字典管理',
+			city: '城市管理'
+		},
 		personal: '个人中心',
-		tools: '工具类集合',
-		layoutLinkView: '外链',
-		layoutIfameView: '内嵌 iframe',
 	},
 	staticRoutes: {
 		signIn: '登录',
@ -105,7 +44,6 @@ export default {
 		logOutConfirm: '确定',
 		logOutCancel: '取消',
 		logOutExit: '退出中',
-		logOutSuccess: '安全退出成功！',
 	},
 	tagsView: {
 		refresh: '刷新',
@ -140,6 +78,7 @@ export default {
 		twoColumnsMenuBar: '分栏菜单背景',
 		twoColumnsMenuBarColor: '分栏菜单默认字体颜色',
 		twoIsColumnsMenuBarColorGradual: '分栏菜单背景渐变',
+		twoIsColumnsMenuHoverPreload: '分栏菜单鼠标悬停预加载',
 		threeTitle: '界面设置',
 		threeIsCollapse: '菜单水平折叠',
 		threeIsUniqueOpened: '菜单手风琴',
@ -172,7 +111,7 @@ export default {
 		sixClassic: '经典',
 		sixTransverse: '横向',
 		sixColumns: '分栏',
-		tipText: '点击下方按钮，复制布局配置去 `src/store/modules/themeConfig.ts` 中修改。',
+		tipText: '点击下方按钮，复制布局配置去 `src/stores/themeConfig.ts` 中修改。',
 		copyText: '一键复制配置',
 		resetText: '一键恢复默认',
 		copyTextSuccess: '复制成功！',
--- a/frontend/src/i18n/lang/zh-tw.ts
+++ b/frontend/src/i18n/lang/zh-tw.ts
@ -2,76 +2,16 @@
 export default {
 	router: {
 		home: '首頁',
-		system: '系統設置',
-		systemMenu: '選單管理',
-		systemRole: '角色管理',
-		systemUser: '用戶管理',
-		systemDept: '部門管理',
-		systemDic: '字典管理',
-		limits: '許可權管理',
-		limitsFrontEnd: '前端控制',
-		limitsFrontEndPage: '頁面許可權',
-		limitsFrontEndBtn: '按鈕許可權',
-		limitsBackEnd: '後端控制',
-		limitsBackEndEndPage: '頁面許可權',
-		menu: '選單嵌套',
-		menu1: '選單1',
-		menu11: '選單11',
-		menu12: '選單12',
-		menu121: '選單121',
-		menu122: '選單122',
-		menu13: '選單13',
-		menu2: '選單2',
-		funIndex: '功能',
-		funTagsView: 'tagsView 操作',
-		funCountup: '數位滾動',
-		funWangEditor: 'Editor 編輯器',
-		funCropper: '圖片裁剪',
-		funQrcode: '二維碼生成',
-		funEchartsMap: '地理座標/地圖',
-		funPrintJs: '頁面列印',
-		funClipboard: '複製剪切',
-		funGridLayout: '拖拽佈局',
-		funSplitpanes: '窗格折開器',
-		funDragVerify: '驗證器',
-		pagesIndex: '頁面',
-		pagesFiltering: '過濾篩選組件',
-		pagesFilteringDetails: '過濾篩選組件詳情',
-		pagesFilteringDetails1: '過濾篩選組件詳情111',
-		pagesIocnfont: 'ali 字體圖標',
-		pagesElement: 'ele 字體圖標',
-		pagesAwesome: 'awe 字體圖標',
-		pagesFormAdapt: '表單自我調整',
-		pagesTableRules: '表單表格驗證',
-		pagesFormI18n: '表單國際化',
-		pagesFormRules: '多表單驗證',
-		pagesDynamicForm: '動態複雜表單',
-		pagesWorkflow: '工作流',
-		pagesListAdapt: '清單自我調整',
-		pagesWaterfall: '瀑布屏',
-		pagesSteps: '步驟條',
-		pagesPreview: '大圖預覽',
-		pagesWaves: '波浪效果',
-		pagesTree: '樹形改表格',
-		pagesDrag: '拖動指令',
-		pagesLazyImg: '圖片懶加載',
-		makeIndex: '組件封裝',
-		makeSelector: '圖標選擇器',
-		makeNoticeBar: '滾動通知欄',
-		makeSvgDemo: 'svgIcon 演示',
-		paramsIndex: '路由參數',
-		paramsCommon: '普通路由',
-		paramsDynamic: '動態路由',
-		paramsCommonDetails: '普通路由詳情',
-		paramsDynamicDetails: '動態路由詳情',
-		chartIndex: '大資料圖表',
-		visualizingIndex: '數據視覺化',
-		visualizingLinkDemo1: '數據視覺化演示1',
-		visualizingLinkDemo2: '數據視覺化演示2',
+		system: {
+			system: '系統設置',
+			menu: '選單管理',
+			role: '角色管理',
+			user: '用戶管理',
+			dic: '字典管理',
+			city: '城市管理'
+		},
 		personal: '個人中心',
-		tools: '工具類集合',
-		layoutLinkView: '外鏈',
-		layoutIfameView: '内嵌 iframe',
+
 	},
 	staticRoutes: {
 		signIn: '登入',
@ -105,7 +45,6 @@ export default {
 		logOutConfirm: '確定',
 		logOutCancel: '取消',
 		logOutExit: '退出中',
-		logOutSuccess: '安全退出成功！',
 	},
 	tagsView: {
 		refresh: '重繪',
@ -140,6 +79,7 @@ export default {
 		twoColumnsMenuBar: '分欄選單背景',
 		twoColumnsMenuBarColor: '分欄選單默認字體顏色',
 		twoIsColumnsMenuBarColorGradual: '分欄選單背景漸變',
+		twoIsColumnsMenuHoverPreload: '分欄選單滑鼠懸停預加載',
 		threeTitle: '介面設定',
 		threeIsCollapse: '選單水准折疊',
 		threeIsUniqueOpened: '選單手風琴',
@ -172,7 +112,7 @@ export default {
 		sixClassic: '經典',
 		sixTransverse: '橫向',
 		sixColumns: '分欄',
-		tipText: '點擊下方按鈕，複製佈局配寘去`src/store/modules/themeConfig.ts`中修改。',
+		tipText: '點擊下方按鈕，複製佈局配寘去`src/stores/themeConfig.ts`中修改。',
 		copyText: '一鍵複製配寘',
 		resetText: '一鍵恢復默認',
 		copyTextSuccess: '複製成功！',
--- a/frontend/src/i18n/pages/formI18n/en.ts
+++ b/frontend/src/i18n/pages/formI18n/en.ts
--- a/frontend/src/i18n/pages/formI18n/zh-cn.ts
+++ b/frontend/src/i18n/pages/formI18n/zh-cn.ts
--- a/frontend/src/i18n/pages/formI18n/zh-tw.ts
+++ b/frontend/src/i18n/pages/formI18n/zh-tw.ts
--- a/frontend/src/i18n/pages/login/en.ts
+++ b/frontend/src/i18n/pages/login/en.ts
--- a/frontend/src/i18n/pages/login/zh-cn.ts
+++ b/frontend/src/i18n/pages/login/zh-cn.ts
--- a/frontend/src/i18n/pages/login/zh-tw.ts
+++ b/frontend/src/i18n/pages/login/zh-tw.ts
--- a/frontend/src/layout/component/aside.vue
+++ b/frontend/src/layout/component/aside.vue
@ -10,27 +10,35 @@
 </template>

 <script lang="ts">
-import { toRefs, reactive, computed, watch, getCurrentInstance, onBeforeMount, defineComponent } from 'vue';
-import { useStore } from '/@/store/index';
-import Logo from '/@/layout/logo/index.vue';
-import Vertical from '/@/layout/navMenu/vertical.vue';
+import { defineAsyncComponent, toRefs, reactive, computed, watch, onBeforeMount, defineComponent, ref } from 'vue';
+import { storeToRefs } from 'pinia';
+import pinia from '/@/stores/index';
+import { useRoutesList } from '/@/stores/routesList';
+import { useThemeConfig } from '/@/stores/themeConfig';
+import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
+import mittBus from '/@/utils/mitt';
+
 export default defineComponent({
 	name: 'layoutAside',
-	components: { Logo, Vertical },
+	components: {
+		Logo: defineAsyncComponent(() => import('/@/layout/logo/index.vue')),
+		Vertical: defineAsyncComponent(() => import('/@/layout/navMenu/vertical.vue')),
+	},
 	setup() {
-		const { proxy } = <any>getCurrentInstance();
-		const store = useStore();
+		const layoutAsideScrollbarRef = ref();
+		const stores = useRoutesList();
+		const storesThemeConfig = useThemeConfig();
+		const storesTagsViewRoutes = useTagsViewRoutes();
+		const { routesList } = storeToRefs(stores);
+		const { themeConfig } = storeToRefs(storesThemeConfig);
+		const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
 		const state = reactive({
 			menuList: [],
 			clientWidth: 0,
 		});
-		// 获取卡片全屏信息
-		const isTagsViewCurrenFull = computed(() => {
-			return store.state.tagsViewRoutes.isTagsViewCurrenFull;
-		});
 		// 设置菜单展开/收起时的宽度
 		const setCollapseStyle = computed(() => {
-			const { layout, isCollapse, menuBar } = store.state.themeConfig.themeConfig;
+			const { layout, isCollapse, menuBar } = themeConfig.value;
 			const asideBrTheme = ['#FFFFFF', '#FFF', '#fff', '#ffffff'];
 			const asideBrColor = asideBrTheme.includes(menuBar) ? 'layout-el-aside-br-color' : '';
 			// 判断是否是手机端
@ -51,18 +59,12 @@ export default defineComponent({
 			} else {
 				if (layout === 'columns') {
 					// 分栏布局，菜单收起时宽度给 1px
-					if (isCollapse) {
-						return [asideBrColor, 'layout-aside-pc-1'];
-					} else {
-						return [asideBrColor, 'layout-aside-pc-220'];
-					}
+					if (isCollapse) return [asideBrColor, 'layout-aside-pc-1'];
+					else return [asideBrColor, 'layout-aside-pc-220'];
 				} else {
 					// 其它布局给 64px
-					if (isCollapse) {
-						return [asideBrColor, 'layout-aside-pc-64'];
-					} else {
-						return [asideBrColor, 'layout-aside-pc-220'];
-					}
+					if (isCollapse) return [asideBrColor, 'layout-aside-pc-64'];
+					else return [asideBrColor, 'layout-aside-pc-220'];
 				}
 			}
 		});
@ -74,21 +76,21 @@ export default defineComponent({
 				el?.parentNode?.removeChild(el);
 			}, 300);
 			const clientWidth = document.body.clientWidth;
-			if (clientWidth < 1000) store.state.themeConfig.themeConfig.isCollapse = false;
+			if (clientWidth < 1000) themeConfig.value.isCollapse = false;
 			document.body.setAttribute('class', '');
 		};
 		// 设置显示/隐藏 logo
 		const setShowLogo = computed(() => {
-			let { layout, isShowLogo } = store.state.themeConfig.themeConfig;
+			let { layout, isShowLogo } = themeConfig.value;
 			return (isShowLogo && layout === 'defaults') || (isShowLogo && layout === 'columns');
 		});
 		// 设置/过滤路由（非静态路由/是否显示在菜单中）
 		const setFilterRoutes = () => {
-			if (store.state.themeConfig.themeConfig.layout === 'columns') return false;
-			(state.menuList as any) = filterRoutesFun(store.state.routesList.routesList);
+			if (themeConfig.value.layout === 'columns') return false;
+			(state.menuList as any) = filterRoutesFun(routesList.value);
 		};
 		// 路由过滤递归函数
-		const filterRoutesFun = (arr: Array<object>) => {
+		const filterRoutesFun = (arr: Array<string>) => {
 			return arr
 				.filter((item: any) => !item.meta.isHide)
 				.map((item: any) => {
@ -103,49 +105,55 @@ export default defineComponent({
 		};
 		// 鼠标移入、移出
 		const onAsideEnterLeave = (bool: Boolean) => {
-			let { layout } = store.state.themeConfig.themeConfig;
+			let { layout } = themeConfig.value;
 			if (layout !== 'columns') return false;
-			if (!bool) proxy.mittBus.emit('restoreDefault');
-			store.dispatch('routesList/setColumnsMenuHover', bool);
+			if (!bool) mittBus.emit('restoreDefault');
+			stores.setColumnsMenuHover(bool);
 		};
 		// 监听 themeConfig 配置文件的变化，更新菜单 el-scrollbar 的高度
-		watch(store.state.themeConfig.themeConfig, (val) => {
+		watch(themeConfig.value, (val) => {
 			if (val.isShowLogoChange !== val.isShowLogo) {
-				if (!proxy.$refs.layoutAsideScrollbarRef) return false;
-				proxy.$refs.layoutAsideScrollbarRef.update();
+				if (layoutAsideScrollbarRef.value) layoutAsideScrollbarRef.value.update();
 			}
 		});
 		// 监听vuex值的变化，动态赋值给菜单中
-		watch(store.state, (val) => {
-			let { layout, isClassicSplitMenu } = val.themeConfig.themeConfig;
-			if (layout === 'classic' && isClassicSplitMenu) return false;
-			setFilterRoutes();
-		});
+		watch(
+			pinia.state,
+			(val) => {
+				let { layout, isClassicSplitMenu } = val.themeConfig.themeConfig;
+				if (layout === 'classic' && isClassicSplitMenu) return false;
+				setFilterRoutes();
+			},
+			{
+				deep: true,
+			}
+		);
 		// 页面加载前
 		onBeforeMount(() => {
 			initMenuFixed(document.body.clientWidth);
 			setFilterRoutes();
-			// 此界面不需要取消监听(proxy.mittBus.off('setSendColumnsChildren))
+			// 此界面不需要取消监听(mittBus.off('setSendColumnsChildren))
 			// 因为切换布局时有的监听需要使用，取消了监听，某些操作将不生效
-			proxy.mittBus.on('setSendColumnsChildren', (res: any) => {
+			mittBus.on('setSendColumnsChildren', (res: any) => {
 				state.menuList = res.children;
 			});
-			proxy.mittBus.on('setSendClassicChildren', (res: any) => {
-				let { layout, isClassicSplitMenu } = store.state.themeConfig.themeConfig;
+			mittBus.on('setSendClassicChildren', (res: any) => {
+				let { layout, isClassicSplitMenu } = themeConfig.value;
 				if (layout === 'classic' && isClassicSplitMenu) {
 					state.menuList = [];
 					state.menuList = res.children;
 				}
 			});
-			proxy.mittBus.on('getBreadcrumbIndexSetFilterRoutes', () => {
+			mittBus.on('getBreadcrumbIndexSetFilterRoutes', () => {
 				setFilterRoutes();
 			});
-			proxy.mittBus.on('layoutMobileResize', (res: any) => {
+			mittBus.on('layoutMobileResize', (res: any) => {
 				initMenuFixed(res.clientWidth);
 				closeLayoutAsideMobileMode();
 			});
 		});
 		return {
+			layoutAsideScrollbarRef,
 			setCollapseStyle,
 			setShowLogo,
 			isTagsViewCurrenFull,
--- a/frontend/src/layout/component/columnsAside.vue
+++ b/frontend/src/layout/component/columnsAside.vue
@ -15,39 +15,43 @@
 					:class="{ 'layout-columns-active': liIndex === k, 'layout-columns-hover': liHoverIndex === k }"
 					:title="$t(v.meta.title)"
 				>
-					<div :class="setColumnsAsidelayout" v-if="!v.meta.isLink || (v.meta.isLink && v.meta.isIframe)">
+					<div :class="themeConfig.columnsAsideLayout" v-if="!v.meta.isLink || (v.meta.isLink && v.meta.isIframe)">
 						<SvgIcon :name="v.meta.icon" />
 						<div class="columns-vertical-title font12">
 							{{
 								$t(v.meta.title) && $t(v.meta.title).length >= 4
-									? $t(v.meta.title).substr(0, setColumnsAsidelayout === 'columns-vertical' ? 4 : 3)
+									? $t(v.meta.title).substr(0, themeConfig.columnsAsideLayout === 'columns-vertical' ? 4 : 3)
 									: $t(v.meta.title)
 							}}
 						</div>
 					</div>
-					<div :class="setColumnsAsidelayout" v-else>
+					<div :class="themeConfig.columnsAsideLayout" v-else>
 						<a :href="v.meta.isLink" target="_blank">
 							<SvgIcon :name="v.meta.icon" />
 							<div class="columns-vertical-title font12">
 								{{
 									$t(v.meta.title) && $t(v.meta.title).length >= 4
-										? $t(v.meta.title).substr(0, setColumnsAsidelayout === 'columns-vertical' ? 4 : 3)
+										? $t(v.meta.title).substr(0, themeConfig.columnsAsideLayout === 'columns-vertical' ? 4 : 3)
 										: $t(v.meta.title)
 								}}
 							</div>
 						</a>
 					</div>
 				</li>
-				<div ref="columnsAsideActiveRef" :class="setColumnsAsideStyle"></div>
+				<div ref="columnsAsideActiveRef" :class="themeConfig.columnsAsideStyle"></div>
 			</ul>
 		</el-scrollbar>
 	</div>
 </template>

 <script lang="ts">
-import { reactive, toRefs, ref, computed, onMounted, nextTick, getCurrentInstance, watch, onUnmounted, defineComponent } from 'vue';
+import { reactive, toRefs, ref, onMounted, nextTick, watch, onUnmounted, defineComponent } from 'vue';
 import { useRoute, useRouter, onBeforeRouteUpdate, RouteRecordRaw } from 'vue-router';
-import { useStore } from '/@/store/index';
+import { storeToRefs } from 'pinia';
+import pinia from '/@/stores/index';
+import { useRoutesList } from '/@/stores/routesList';
+import { useThemeConfig } from '/@/stores/themeConfig';
+import mittBus from '/@/utils/mitt';

 // 定义接口来定义对象的类型
 interface ColumnsAsideState {
@ -58,7 +62,6 @@ interface ColumnsAsideState {
 	liOldPath: null | string;
 	difference: number;
 	routeSplit: string[];
-	isNavHover: boolean;
 }

 export default defineComponent({
@ -66,8 +69,10 @@ export default defineComponent({
 	setup() {
 		const columnsAsideOffsetTopRefs: any = ref([]);
 		const columnsAsideActiveRef = ref();
-		const { proxy } = <any>getCurrentInstance();
-		const store = useStore();
+		const stores = useRoutesList();
+		const storesThemeConfig = useThemeConfig();
+		const { routesList, isColumnsMenuHover, isColumnsNavHover } = storeToRefs(stores);
+		const { themeConfig } = storeToRefs(storesThemeConfig);
 		const route = useRoute();
 		const router = useRouter();
 		const state = reactive<ColumnsAsideState>({
@ -78,15 +83,6 @@ export default defineComponent({
 			liOldPath: null,
 			difference: 0,
 			routeSplit: [],
-			isNavHover: false,
-		});
-		// 设置分栏高亮风格
-		const setColumnsAsideStyle = computed(() => {
-			return store.state.themeConfig.themeConfig.columnsAsideStyle;
-		});
-		// 设置分栏布局风格
-		const setColumnsAsidelayout = computed(() => {
-			return store.state.themeConfig.themeConfig.columnsAsideLayout;
 		});
 		// 设置菜单高亮位置移动
 		const setColumnsAsideMove = (k: number) => {
@ -102,24 +98,22 @@ export default defineComponent({
 		};
 		// 鼠标移入时，显示当前的子级菜单
 		const onColumnsAsideMenuMouseenter = (v: RouteRecordRaw, k: number) => {
+			if (!themeConfig.value.isColumnsMenuHoverPreload) return false;
 			let { path } = v;
 			state.liOldPath = path;
 			state.liOldIndex = k;
 			state.liHoverIndex = k;
-			proxy.mittBus.emit('setSendColumnsChildren', setSendChildren(path));
-			store.dispatch('routesList/setColumnsMenuHover', false);
-			store.dispatch('routesList/setColumnsNavHover', true);
-			state.isNavHover = true;
+			mittBus.emit('setSendColumnsChildren', setSendChildren(path));
+			stores.setColumnsMenuHover(false);
+			stores.setColumnsNavHover(true);
 		};
 		// 鼠标移走时，显示原来的子级菜单
 		const onColumnsAsideMenuMouseleave = async () => {
-			await store.dispatch('routesList/setColumnsNavHover', false);
+			await stores.setColumnsNavHover(false);
 			// 添加延时器，防止拿到的 store.state.routesList 值不是最新的
 			setTimeout(() => {
-				const { isColumnsMenuHover, isColumnsNavHover } = store.state.routesList;
-				if (!isColumnsMenuHover && !isColumnsNavHover) proxy.mittBus.emit('restoreDefault');
+				if (!isColumnsMenuHover && !isColumnsNavHover) mittBus.emit('restoreDefault');
 			}, 100);
-			// state.isNavHover = false;
 		};
 		// 设置高亮动态位置
 		const onColumnsAsideDown = (k: number) => {
@ -129,11 +123,11 @@ export default defineComponent({
 		};
 		// 设置/过滤路由（非静态路由/是否显示在菜单中）
 		const setFilterRoutes = () => {
-			state.columnsAsideList = filterRoutesFun(store.state.routesList.routesList);
+			state.columnsAsideList = filterRoutesFun(routesList.value);
 			const resData: any = setSendChildren(route.path);
 			if (Object.keys(resData).length <= 0) return false;
 			onColumnsAsideDown(resData.item[0].k);
-			proxy.mittBus.emit('setSendColumnsChildren', resData);
+			mittBus.emit('setSendColumnsChildren', resData);
 		};
 		// 传送当前子级数据到菜单中
 		const setSendChildren = (path: string) => {
@ -150,7 +144,7 @@ export default defineComponent({
 			return currentData;
 		};
 		// 路由过滤递归函数
-		const filterRoutesFun = (arr: Array<object>) => {
+		const filterRoutesFun = (arr: Array<string>) => {
 			return arr
 				.filter((item: any) => !item.meta.isHide)
 				.map((item: any) => {
@ -172,41 +166,46 @@ export default defineComponent({
 			}, 0);
 		};
 		// 监听布局配置信息的变化，动态增加菜单高亮位置移动像素
-		watch(store.state, (val) => {
-			val.themeConfig.themeConfig.columnsAsideStyle === 'columnsRound' ? (state.difference = 3) : (state.difference = 0);
-			if (!val.routesList.isColumnsMenuHover && !val.routesList.isColumnsNavHover) {
-				state.liHoverIndex = null;
-				proxy.mittBus.emit('setSendColumnsChildren', setSendChildren(route.path));
-			} else {
-				state.liHoverIndex = state.liOldIndex;
-				if (!state.liOldPath) return false;
-				proxy.mittBus.emit('setSendColumnsChildren', setSendChildren(state.liOldPath));
+		watch(
+			pinia.state,
+			(val) => {
+				val.themeConfig.themeConfig.columnsAsideStyle === 'columnsRound' ? (state.difference = 3) : (state.difference = 0);
+				if (!val.routesList.isColumnsMenuHover && !val.routesList.isColumnsNavHover) {
+					state.liHoverIndex = null;
+					mittBus.emit('setSendColumnsChildren', setSendChildren(route.path));
+				} else {
+					state.liHoverIndex = state.liOldIndex;
+					if (!state.liOldPath) return false;
+					mittBus.emit('setSendColumnsChildren', setSendChildren(state.liOldPath));
+				}
+			},
+			{
+				deep: true,
 			}
-		});
+		);
 		// 页面加载时
 		onMounted(() => {
 			setFilterRoutes();
 			// 销毁变量，防止鼠标再次移入时，保留了上次的记录
-			proxy.mittBus.on('restoreDefault', () => {
+			mittBus.on('restoreDefault', () => {
 				state.liOldIndex = null;
 				state.liOldPath = null;
 			});
 		});
 		// 页面卸载时
 		onUnmounted(() => {
-			proxy.mittBus.off('restoreDefault', () => {});
+			mittBus.off('restoreDefault', () => {});
 		});
 		// 路由更新时
 		onBeforeRouteUpdate((to) => {
 			setColumnsMenuHighlight(to.path);
-			proxy.mittBus.emit('setSendColumnsChildren', setSendChildren(to.path));
+			mittBus.emit('setSendColumnsChildren', setSendChildren(to.path));
 		});
 		return {
+			themeConfig,
 			columnsAsideOffsetTopRefs,
 			columnsAsideActiveRef,
 			onColumnsAsideDown,
-			setColumnsAsideStyle,
-			setColumnsAsidelayout,
 			onColumnsAsideMenuClick,
 			onColumnsAsideMenuMouseenter,
 			onColumnsAsideMenuMouseleave,
@ -223,6 +222,16 @@ export default defineComponent({
 	background: var(--next-bg-columnsMenuBar);
 	ul {
 		position: relative;
+		.layout-columns-active {
+			color: var(--next-bg-columnsMenuBarColor) !important;
+			transition: 0.3s ease-in-out;
+		}
+		.layout-columns-hover {
+			color: var(--el-color-primary);
+			a {
+				color: var(--el-color-primary);
+			}
+		}
 		li {
 			color: var(--next-bg-columnsMenuBarColor);
 			width: 100%;
@ -232,6 +241,9 @@ export default defineComponent({
 			cursor: pointer;
 			position: relative;
 			z-index: 1;
+			&:hover {
+				@extend .layout-columns-hover;
+			}
 			.columns-vertical {
 				margin: auto;
 				.columns-vertical-title {
@ -259,16 +271,6 @@ export default defineComponent({
 				color: var(--next-bg-columnsMenuBarColor);
 			}
 		}
-		.layout-columns-active {
-			color: var(--el-color-white);
-			transition: 0.3s ease-in-out;
-		}
-		.layout-columns-hover {
-			color: var(--el-color-primary);
-			a {
-				color: var(--el-color-primary);
-			}
-		}
 		.columns-round {
 			background: var(--el-color-primary);
 			color: var(--el-color-white);
--- a/frontend/src/layout/component/header.vue
+++ b/frontend/src/layout/component/header.vue
@ -0,0 +1,25 @@
+<template>
+	<el-header class="layout-header" v-show="!isTagsViewCurrenFull">
+		<NavBarsIndex />
+	</el-header>
+</template>
+
+<script lang="ts">
+import { defineAsyncComponent, defineComponent } from 'vue';
+import { storeToRefs } from 'pinia';
+import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
+
+export default defineComponent({
+	name: 'layoutHeader',
+	components: {
+		NavBarsIndex: defineAsyncComponent(() => import('/@/layout/navBars/index.vue')),
+	},
+	setup() {
+		const storesTagsViewRoutes = useTagsViewRoutes();
+		const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
+		return {
+			isTagsViewCurrenFull,
+		};
+	},
+});
+</script>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
lyt	67e79a5786	update README.en.md.	2022-12-08 12:00:40 +08:00
lyt	a9e1b6770a	publish inital version	2022-11-25 22:42:09 +08:00
lyt	161748a549	'admin-22.11.19:修复v2.3.0版本动态路由事件调用关闭当前tagsview、普通路由刷新界面参数丢失问题'	2022-11-19 00:09:19 +08:00
lyt	f9ce14431d	'admin-22.11.18:优化v2.3.0版本tagsview风格5兼容火狐'	2022-11-18 02:19:03 +08:00
lyt	3a8f31ab89	'admin-22.11.17:优化v2.3.0版本iframe右键菜单刷新问题'	2022-11-17 08:25:32 +08:00
lyt	f00fc0d2f1	'admin-22.11.17:优化v2.3.0版本iframe右键菜单刷新及loading'	2022-11-17 01:18:18 +08:00
lyt	32e2d6cf94	'admin-22.11.17:修复v2.3.0版本iframe右键菜单刷新'	2022-11-17 00:44:00 +08:00
lyt-Top	5cb614c277	'admin-22.11.17:修复v2.3.0版本iframe右键菜单刷新' Signed-off-by: lyt-Top <1105290566@qq.com>	2022-11-16 16:39:38 +00:00
lyt	cdf1b715df	'admin-22.11.16:发布v2.3.0，具体更新内容查看CHANGELOG.md'	2022-11-16 15:34:23 +08:00
lyt	aba9f3947d	'admin-22.07.20:降级vite@2.9.14，防止打包样式丢掉问题'	2022-07-20 23:15:32 +08:00
lyt	e08b4b3782	'admin-22.07.16:修复行内表单最后一个el-form-item位置下移问题'	2022-07-16 22:59:53 +08:00
lyt	356040806d	'admin-22.07.16:修复行内表单最后一个el-form-item位置下移问题'	2022-07-16 22:57:49 +08:00
lyt	f56cae3719	'admin-22.07.11:el-form表单最后一行样式，移动端lable左对齐'	2022-07-11 21:02:36 +08:00
lyt-Top	b88fe3957f	!32 开启后端控制路由找不到登录路由 Merge pull request !32 from 赵国辉/master	2022-07-11 12:49:53 +00:00
zhaogh	ccdce9b904	v2.2.0版本 src/router/route.ts 静态路由“布局界面”已删除，在“开启后端控制路由”时，未登录无法找到登录路由	2022-07-11 10:02:40 +08:00
lyt-Top	134da2bc8c	!30 修复多个权限同时校验的BUG Merge pull request !30 from LostDeer/auth	2022-07-10 12:57:39 +00:00
lisheng	4841a29c29	多个权限校验的BUG	2022-07-10 20:12:53 +08:00
lyt	e57dde4bab	'admin-22.07.10:发布v2.2.0版本，具体查看master分支根目录CHANGELOG.md'	2022-07-10 19:37:39 +08:00
lyt-Top	fdf9cd4abe	!29 修复tailwindcss无法正常工作 Merge pull request !29 from 山田/master	2022-07-03 06:23:56 +00:00
QC2168	664e70de6c	修复tailwindcss无法正常工作	2022-06-17 10:32:20 +08:00
lyt	4259e9931f	'admin-22.06.07:函数deepClone对null的判断错误'	2022-06-07 22:30:57 +08:00
lyt-Top	3a57a7f4ff	!28 动态路由国际化匹配规则修复 Merge pull request !28 from tony星/dev	2022-06-07 14:28:46 +00:00
tony星	fab396b503	update src/utils/other.ts. 动态路由国际化判断修复，原正则表达式容易匹配到menu之类带en，zh的路由	2022-06-07 07:07:48 +00:00
lyt	41f6992630	'admin-22.06.06:添加大佬集成后端链接'	2022-06-06 22:08:16 +08:00
lyt	a402bd3c3a	'admin-22.06.04:优化开启TagViews缓存后登录到主页控制台js报错'	2022-06-04 19:49:30 +08:00
lyt-Top	7d004ee948	!27 use Vue ref for dom Merge pull request !27 from pauli/master	2022-06-04 11:23:46 +00:00
liupo.wu	5a75f2626e	fix: ref not id	2022-05-30 10:01:00 +08:00
lyt	21248a361e	'admin-22.05.29:优化最新版是否开启TagsView缓存的设置有严重Bug[#I59RXK](https://gitee.com/lyt-top/vue-next-admin/issues/I59RXK )'	2022-05-29 16:10:57 +08:00
lyt	6441700ae1	'admin-22.05.28:更新优化v2.1.1，更新日志查看根目录CHANGELOG.md'	2022-05-28 19:10:19 +08:00
lyt-Top	f716918ef2	!26 dark loading遮罩优化 Merge pull request !26 from tony星/dev	2022-05-27 15:01:39 +00:00
tony星	abf9f1ae08	update src/theme/dark.scss. dark loading遮罩优化	2022-05-25 09:42:27 +00:00
lyt	1cd056cb83	'admin-22.05.22:修复标记为需要缓存的tab页后，再次从左侧菜单打开，还是显示被缓存的页面内容（#I4UY3G），感谢@axcc1234、特别感谢群友@华仔'	2022-05-22 17:18:13 +08:00
lyt	2c8dbace6c	'admin-22.05.19:优化tagsView、路由参数演示界面'	2022-05-19 19:08:29 +08:00
lyt	77b7621e87	'admin-22.05.11:适配element-plusv2.2.0版本，优化注释'	2022-05-11 18:52:22 +08:00
lyt	d6fceb257c	'admin-22.05.07:优化深色模式等'	2022-05-07 20:25:52 +08:00
lyt	23a0c21f15	'admin-22.05.05:优化注释'	2022-05-05 20:00:52 +08:00
lyt	6eaad912f5	admin-22.05.01:重构路由，解决部分No match found for location with path xxx	2022-05-01 11:43:53 +08:00
lyt	faf372a8b9	'admin-22.04.30:退出登录报错问题'	2022-04-30 01:31:21 +08:00
lyt	d375051ec3	'admin-22.04.30:优化首屏加载loading问题'	2022-04-30 00:26:46 +08:00
lyt	c630f04194	'admin-22.04.29:优化滚动条问题及替换pinia后的bug'	2022-04-29 22:57:31 +08:00
lyt	f6302a8b40	'admin-22.04.29:修复tagsview标签页高亮等问题'	2022-04-29 13:19:54 +08:00
lyt	9991d931a2	'admin-22.04.28:wangeditor替换成v5，适配深色模式'	2022-04-28 19:39:44 +08:00
lyt	35fdb164e9	Merge branch 'develop' of https://gitee.com/lyt-top/vue-next-admin into develop	2022-04-27 19:30:10 +08:00
lyt	695884a1aa	'admin-22.04.27:修复全局修改组件大小失效了'	2022-04-27 19:29:31 +08:00
lyt-Top	65c953a613	update src/components/iconSelector/index.vue.	2022-04-26 11:21:48 +00:00
lyt	4f36e46f7b	'admin-22.04.26:优化图标选择器回显问题'	2022-04-26 19:17:00 +08:00
lyt	ba4247febd	'admin-22.04.25:优化注释内容'	2022-04-25 19:05:12 +08:00
lyt	c942aec7f1	'admin-22.04.20:优化地址栏有参数退出登录，再次登录不跳之前界面问题'	2022-04-20 20:57:11 +08:00
lyt	c180c24769	'admin-22.04.20:修复开启Tagsview图标、router.push路径找不到时报错问题'	2022-04-20 20:34:30 +08:00
lyt	ec1e963358	'admin-22.04.19:优化菜单鼠标经过hover颜色不统一问题'	2022-04-19 22:01:54 +08:00
lyt	805f991791	'admin-22.04.19:修复打包错误问题'	2022-04-19 21:15:06 +08:00
lyt	d50627e0df	admin-22.04.18:更新版本v2.1.0，更新内容查看根目录CHANGELOG.md	2022-04-19 20:31:05 +08:00
lyt	638fe523cb	admin-22.04.18:更新版本v2.1.0，更新内容查看根目录CHANGELOG.md	2022-04-18 22:00:00 +08:00
lyt	6dcc2c78c1	admin-22.04.18:更新版本v2.1.0，更新内容查看根目录CHANGELOG.md	2022-04-18 19:14:38 +08:00
lyt	8c216f6e94	'admin-22.03.04:更新版本v2.0.2，更新内容查看根目录CHANGELOG.md'	2022-03-04 12:39:54 +08:00
lyt	49c5eaf1bc	'admin-22.02.25:更新版本v2.0.1，更新内容查看根目录CHANGELOG.md'	2022-02-25 23:19:12 +08:00