# work-ui

**Repository Path**: xbos1314/work-ui

## Basic Information

- **Project Name**: work-ui
- **Description**: WorkFox Platform - 企业级低代码应用开发平台
本项目是 WorkFox 的前端部分，一个功能强大的企业级应用前端解决方案。它基于最新的前端技术栈构建，旨在提供高效、灵活和可扩展的管理界面。
平台内置了动态表单引擎、工作流引擎、AI 功能模块和完善的系统管理功能，能够帮助企业快速搭建各类业务系统。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2025-06-02
- **Last Updated**: 2026-03-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 低代码

## README

# 🚀 WorkFox Platform - 企业级低代码应用开发平台

本项目是 **WorkFox** 的前端部分，一个功能强大的企业级应用前端解决方案。它基于最新的前端技术栈构建，旨在提供高效、灵活和可扩展的管理界面。

平台内置了动态表单引擎、工作流引擎、AI 功能模块和完善的系统管理功能，能够帮助企业快速搭建各类业务系统。

## ✨ 技术栈

项目采用当前主流且高效的技术栈，确保了开发的效率和应用的可维护性。

- **核心框架:** [Vue 3](https://vuejs.org/)
- **构建工具:** [Vite](https://vitejs.dev/)
- **UI 组件库:** [Element Plus](https://element-plus.org/)
- **CSS 解决方案:** [Tailwind CSS](https://tailwindcss.com/) + [Sass/SCSS](https://sass-lang.com/)
- **状态管理:** [Pinia](https://pinia.vuejs.org/)
- **前端路由:** [Vue Router](https://router.vuejs.org/)
- **HTTP 请求:** [Axios](https://axios-http.com/)
- **工作流引擎:** 前端采用 [snakerflow-designer-vue](https://gitee.com/mldong/snakerflow-designer-vue)，后端为平台自研实现。
- **表单生成器:** `workfox-form-generator` (平台自研)
- **代码编辑器:** [CodeMirror](https://codemirror.net/)
- **加密:** [jsencrypt](https://www.npmjs.com/package/jsencrypt) (用于 RSA 加密)

## 🌟 已实现功能

平台目前已经实现了以下核心功能模块：

#### 1. 🤖 AI 平台
- **智能对话:** 提供一个交互式的聊天界面，可与后端 AI 模型进行实时对话。
- **知识库管理:** 支持创建和管理知识库，为 AI 提供业务数据支持。
- **模型管理:** 可配置和管理系统对接的 AI 模型。

#### 2. 🌊 工作流引擎 (Flow)
- **流程设计:** 集成 `snakerflow-designer-vue` 可视化流程图设计器，可定义复杂的业务流程。
- **待办任务:** 提供用户的待办事项列表，处理工作流中的审批任务。
- **流程实例管理:** 跟踪和管理正在运行的流程实例。

#### 3. 📝 动态表单与列表 (Form)
- **动态表单生成器:** 支持通过拖拽组件的方式，零代码生成复杂的业务表单。
- **动态列表配置:** 可自定义列表的列、查询条件、操作按钮和数据权限。
- **数据源管理:** 支持配置和管理不同的业务数据源。
- **业务表管理:** 可直接通过界面管理后端的业务表结构。
- **脚本配置:** 内置 `CodeMirror` 编辑器，支持为表单或按钮添加自定义逻辑脚本。

#### 4. ⚙️ 系统管理 (System)
- **用户管理:** 维护系统用户信息，支持增删改查。
- **角色与权限:** 精细化的角色与权限控制，支持将权限分配给角色。
- **菜单管理:** 动态配置系统导航菜单，可控制不同角色的菜单可见性。
- **租户管理:** 支持多租户体系，实现数据隔离。
- **部门与岗位管理:** 维护企业的组织架构和岗位信息。
- **字典管理:** 全局的字典配置，方便在各模块中统一使用。
- **在线用户监控:** 可查看当前在线的用户会话。

#### 5. 🏠 核心框架
- **用户认证:** 提供登录、登出及密码修改功能。
- **布局系统:** 包含顶部导航、侧边栏、标签页视图的经典后台管理布局。
- **全局状态管理:** 使用 `Pinia` 统一管理用户信息、字典、权限等全局状态。
- **路由与导航守卫:** 基于角色的动态路由和导航权限控制。

## 🚀 项目启动

1.  **安装依赖**
    ```sh
    npm install
    ```

2.  **启动开发环境**
    ```sh
    npm run dev
    ```

3.  **构建生产包**
    ```sh
    npm run build
    ```