- 选择流程对话框 (myticket.vue): 左侧分类导航(图标+计数+滚动联动) + 右侧响应式卡片网格, 卡片按 14 个流程智能匹配图标, 支持关键词搜索 - 工作流侧栏 (ticketd.vue): 重写为双卡片设计, 基本信息 + 自绘时间线审批历史 (按节点类型上绿/红/灰色, suggestion 按节点色填充) - 全局结构化样式 (pages.scss): 抽屉内 el-form 卡片化 + 单列输入框最大宽度限制 (460/720px, 不影响 el-row/el-col 网格) + sticky 底部操作栏 + 抽屉头部渐变背景 - 专利表单 (patent_form.vue): 重构为 el-row 两栏网格, 技术状态从原有 el-col 拼接改为 auto-fit 响应式卡片网格 (选"是"自动展开上传, 卡片高亮), 技术文件改为 3 栏紧凑布局 - 14 个流程表单 (合同变更/人员调岗/用人需求/人员交接/离职/维修/资产入库/档案借阅/印章/宣传/会议预定/用车/平台/供应商/论文): 添加 wf-form-section 分区头, 移除冗余内联 padding 以适配全局卡片样式 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| public | ||
| src | ||
| .editorconfig | ||
| .env.development | ||
| .env.production | ||
| .gitignore | ||
| LICENSE | ||
| README.md | ||
| babel.config.js | ||
| changelog.md | ||
| jsconfig.json | ||
| npm | ||
| package.json | ||
| update_changelog.sh | ||
| vue.config.js | ||
README.md
介绍
SCUI 是一个中后台前端解决方案,基于VUE3和elementPlus实现。 使用最新的前端技术栈,提供各类实用的组件方便在业务开发时的调用,并且持续性的提供丰富的业务模板帮助你快速搭建企业级中后台前端任务。
SCUI的宗旨是 让一切复杂的东西傻瓜化。
演示和文档
| 类型 | 链接 |
|---|---|
| 文档地址 | https://lolicode.gitee.io/scui-doc/ |
| 演示地址 | https://lolicode.gitee.io/scui-doc/demo/#/login |
特点
- 组件 多个独家组件、业务模板
- 权限 完整的鉴权体系和高精度权限控制
- 布局 提供多套布局模式,满足各种视觉需求
- API 完善的API管理,使用真实网络MOCK
- 配置 统一的全局配置和组件配置,支持build后配置热更新
- 性能 在减少带宽请求和前端算力上多次优化,并且持续着
- 其他 多功能视图标签、动态权限菜单、控制台组态化、统一异常处理等等
部分截图
安装教程
# 克隆项目
git clone https://gitee.com/lolicode/scui.git
# 进入项目目录
cd scui
# 安装依赖
npm i
# 启动项目(开发模式)
npm run serve
启动完成后浏览器访问 http://localhost:2800
鸣谢
支持
如果觉得本项目还不错或在工作中有所启发,请在Gitee(码云)帮开发者点亮星星,这是对开发者最大的支持和鼓励!


