# cup-front

**Repository Path**: zhangjiaty/cup-front

## Basic Information

- **Project Name**: cup-front
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-16
- **Last Updated**: 2025-08-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目简介

这是一个基于 Vue 3, TypeScript, Node.js, Vite, Vue Router, Pinia, VueUse, Element Plus 和 CSS 构建的操作平台前端项目。旨在提供一个高效、可维护且用户友好的界面，用于管理和操作各种业务流程。

## 主要技术栈

- **前端框架**: Vue 3
- **编程语言**: TypeScript
- **构建工具**: Vite
- **路由管理**: Vue Router
- **状态管理**: Pinia
- **实用工具集**: VueUse
- **UI 组件库**: Element Plus
- **样式**: CSS (支持响应式设计和移动优先)

## 项目特色

- **模块化设计**: 代码结构清晰，易于维护和扩展。
- **高性能**: 采用 Vite 进行快速开发和构建。
- **类型安全**: 全面使用 TypeScript，提高代码质量和可维护性。
- **美观的用户界面**: 基于 Element Plus，提供一致且美观的 UI/UX。
- **响应式布局**: 适配不同设备，提供良好的用户体验。

## 快速开始

### 1. 克隆项目

```bash
git clone https://gitee.com/zhangjiaty/cup-front.git
cd cup-front
```

### 2. 安装依赖

```bash
npm install
```

### 3. 启动开发服务器

```bash
npm run dev
```

项目将在本地 `http://localhost:8888` 启动（具体端口可能因配置而异）。

### 4. 构建生产版本

```bash
npm run build
```

构建后的文件将输出到 `dist` 目录。

## 相关项目

- **配套后端项目**: [https://gitee.com/zhangjiaty/cup.git](https://gitee.com/zhangjiaty/cup.git)
- **配套 Jenkins Share Library 项目**: [https://gitee.com/zhangjiaty/jenkins-share-library.git](https://gitee.com/zhangjiaty/jenkins-share-library.git)


## 项目截图

![菜单](doc/images/菜单.png)
![oidc客户端](doc/images/oidc客户端.png)
![项目发布](doc/images/项目发布.png)
![流量控制](doc/images/流量控制.png)
![工单](doc/images/工单.png)
![工单配置](doc/images/工单配置.png)
![工单详情](doc/images/工单详情.png)
![终端](doc/images/终端.png)
![动态表格配置](doc/images/动态表格配置.png)

## 贡献
感谢: 
[cookieY](https://github.com/cookieY/yee) 提供的后端框架和库。
[StavinLi](https://github.com/StavinLi/Workflow-Vue3) 提供的工单系统前端。
[lyt-Top](https://github.com/lyt-Top/vue-next-admin) 提供的系统前端。


## 许可证

本项目采用 MIT 许可证。详情请参阅 `LICENSE` 文件。