# wms-plus-ui

**Repository Path**: YangCOOL/wms-plus-ui

## Basic Information

- **Project Name**: wms-plus-ui
- **Description**: 基于 Vue3 + TypeScript + Vite 构建的现代化仓库管理系统前端解决方案
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: wms-main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-09-23
- **Last Updated**: 2026-03-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WMS Plus 仓库管理系统前端

基于 Vue3 + TypeScript + Vite 构建的现代化仓库管理系统前端解决方案

**专业的仓库管理系统，助力企业数字化转型**

本项目专注于为企业提供完整的仓库管理解决方案，涵盖入库、出库、库存、调拨等核心业务功能。

如果这个项目对您有所帮助，请给我们 Star 支持，您的支持是我们前进的动力！

## 🚀 快速开始

### 环境要求
- Node.js >= 20.10.0
- pnpm >= 10.14.0 (推荐使用 pnpm)

### 本地开发
```bash
# 克隆项目
git clone https://gitee.com/YangCOOL/wms-plus-ui.git

# 进入项目目录
cd wms-plus-ui

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev
```

## 📋 项目简介

**WMS Plus** 是一套现代化的仓库管理系统前端解决方案，基于最新的前端技术栈开发，为企业提供专业的仓库管理功能。

### 核心特性

- **现代化技术栈**：基于 Vue3、Vite6、TypeScript 等前沿技术
- **多UI框架支持**：支持 Ant Design Vue、Element Plus、Naive UI
- **响应式设计**：完美适配桌面端和移动端
- **主题定制**：支持多种主题色彩和自定义主题
- **国际化**：内置完善的多语言支持方案
- **权限管理**：精细化的角色权限控制系统
- **丰富组件**：二次封装的业务组件库

## 📦 WMS 核心功能

### 基础管理
- **仓库管理**：仓库信息、库区库位、存储策略配置
- **商品管理**：商品档案、规格属性、条码管理
- **供应商管理**：供应商信息、合作条件、评价体系
- **客户管理**：客户档案、配送地址、信用管理

### 入库管理
- **采购入库**：采购订单、入库预约、质检入库
- **生产入库**：生产完工、成品入库、半成品管理
- **其他入库**：调拨入库、退货入库、盘盈入库
- **入库单据**：入库单生成、审核、打印

### 出库管理
- **销售出库**：订单拣货、分拣打包、发货管理
- **生产出库**：物料出库、领料管理、退料处理
- **其他出库**：调拨出库、报损出库、盘亏出库
- **出库单据**：出库单生成、审核、跟踪

### 库存管理
- **库存查询**：实时库存、批次管理、保质期跟踪
- **库存预警**：安全库存、超储预警、过期提醒
- **库存调整**：盘点管理、库存调整、损益处理
- **移库管理**：库位调整、批量移库、移库记录

### 统计报表
- **库存报表**：库存汇总、库龄分析、周转率统计
- **出入库报表**：出入库明细、趋势分析、效率统计
- **财务报表**：库存价值、成本分析、损益统计
- **运营报表**：作业效率、人员绩效、异常分析

## 🔧 技术栈

| 框架 | 说明 | 版本 |
| --- | --- | --- |
| [Vue](https://staging-cn.vuejs.org/) | Vue 前端框架 | 3.5.17 |
| [Vite](https://cn.vitejs.dev//) | 开发与构建工具 | 7.1.2 |
| [Ant Design Vue](https://www.antdv.com/) | 企业级 UI 组件库 | 4.2.6 |
| [Element Plus](https://element-plus.org/zh-CN/) | Vue 3 组件库 | 2.10.2 |
| [Naive UI](https://www.naiveui.com/) | Vue 3 组件库 | 2.42.0 |
| [TypeScript](https://www.typescriptlang.org/docs/) | JavaScript 超集 | 5.8.3 |
| [Pinia](https://pinia.vuejs.org/) | Vue 状态管理 | 3.0.3 |
| [VueUse](https://vueuse.org/) | Vue 组合式工具集 | 13.4.0 |
| [Vue I18n](https://kazupon.github.io/vue-i18n/zh/introduction.html/) | 国际化解决方案 | 11.1.7 |
| [Vue Router](https://router.vuejs.org/) | Vue 路由管理 | 4.5.1 |
| [Tailwind CSS](https://tailwindcss.com/) | 原子化 CSS 框架 | 3.4.17 |
| [Iconify](https://icon-sets.iconify.design/) | 图标解决方案 | 2.2.354 |
| [Echarts](https://echarts.apache.org/) | 数据可视化图表库 | 5.6.0 |
| [Axios](https://axios-http.com/) | HTTP 客户端 | 1.10.0 |
| [Day.js](https://day.js.org/) | 轻量级日期处理库 | 1.11.13 |

## 📁 项目结构

```
wms-plus-ui/
├── src/
│   ├── api/              # API 接口定义
│   ├── assets/           # 静态资源
│   ├── components/       # 公共组件
│   ├── layouts/          # 布局组件
│   ├── locales/          # 国际化语言包
│   ├── router/           # 路由配置
│   ├── stores/           # Pinia 状态管理
│   ├── styles/           # 全局样式
│   ├── utils/            # 工具函数
│   ├── views/            # 页面组件
│   │   ├── warehouse/    # 仓库管理
│   │   ├── goods/        # 商品管理
│   │   ├── inbound/      # 入库管理
│   │   ├── outbound/     # 出库管理
│   │   ├── inventory/    # 库存管理
│   │   └── reports/      # 报表统计
│   └── main.ts           # 应用入口
├── public/               # 公共资源
├── docs/                 # 项目文档
└── package.json          # 依赖配置
```

## 🚀 部署

### 生产构建
```bash
# 构建生产版本
pnpm build

# 预览构建结果
pnpm preview
```

### Docker 部署
```bash
# 构建镜像
docker build -t wms-plus-ui .

# 运行容器
docker run -p 80:80 wms-plus-ui
```

## 📄 许可证

本项目基于 MIT 许可证开源，详情请查看 [LICENSE](LICENSE) 文件。

## 🤝 贡献

欢迎提交 Issue 和 Pull Request 来改进项目。

## 📞 联系我们

如有问题或建议，请通过以下方式联系：

- 提交 Issue：[GitHub Issues](https://gitee.com/YangCOOL/wms-plus-ui/issues)
- 邮箱：support@wmsplus.com

---

⭐ 如果这个项目对您有帮助，请给我们一个 Star！