Skip to content

lingdu1234/IUI314

Repository files navigation


π UI
中文 | english

船新版本

关于名字

有个域名iu1314,就写成iui314 就叫π UI 吧,随便画了个logo,整体像个 字,左边像 IU 右边像个 π字,再一看 不就是个 字,嗯,就是瞎写的,就这样吧,就让他叫 πUI

平台简介

本项目需配合后端项目配套使用,使用TypeScript重写,前面JS版本(在poem分支),是在ruoyi-vue3 3.8.1上简单修改的,现主要参考ruoyi-vue3 arco-design-pro-vue 使用TypeScript重新编写,修复了大量js版本bug,方便后续自己使用

配套后端

预览地址

iui314.vercel.app

预览地址

完成的功能

  • 用户管理:用户是系统操作者,该功能主要完成系统用户配置。

  • 国际化:使用vue-i18n有较为完善的国际化以及路由国际化。

  • 部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。

  • 岗位管理:配置系统用户所属担任职务。

  • 菜单管理:配置系统菜单,操作权限,按钮权限标识等。

  • 角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。

  • 字典管理:对系统中经常使用的一些较为固定的数据进行维护。

  • 登录日志:系统登录日志记录查询包含登录异常。

  • 在线用户:当前系统中活跃用户状态监控。

  • 定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。

  • 角色切换,不同角色可以数据权限不一致。

  • 数据权限:分全部权限,本部门权限,本部门及以下权限,自定义权限,本人权限 五种权限

  • 部门切换:可以设置用户可以存在的多个部门,但是只能激活一个部门,可以切换;

  • 系统监控:完成系统信息的简单监控;

  • 数据缓存:根据api缓存数据,分公共缓存(所有人缓存数据一致,用于公共数据缓存)和个人缓存( 同一api不同用户不同数据的api缓存),通过数据库名称将api关联在一起,当有数据更新时,清除关联api缓存数据,缓存时间到期,缓存数据清除;

  • 操作日志:在菜单设置每个api的日志记录级别,分为文件记录,数据库记录,同时记录,不记录几种模式,根据不同api单独配置

  • 权限管理: 由后端返回路由动态生成路由;前端按钮级权限统一由后端返回权限标志控制

待完成

  • 性能优化;

说明

  1. 部门切换,不知道有啥用,角色切换,数据权限,部门切换 3者组合可以实现诡异的权限组合

Project Setup

pnpm install

Compile and Hot-Reload for Development

pnpm dev

OR

vite dev

Type-Check, Compile and Minify for Production

pnpm build

OR

vite build

Lint with ESLint

pnpm lint