# ops

**Repository Path**: wxd9704/ops

## Basic Information

- **Project Name**: ops
- **Description**: 电商管理后台
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-30
- **Last Updated**: 2026-03-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 星选零售电商运营管理台

## 项目简介

这是一个基于 Vue 2 + Element UI 的零售电商运营后台演示项目，围绕“权限控制 + 商户隔离 + 商品运营 + 订单售后联动 + 库存管理”构建。

当前版本已经清理掉监控、工具生成、旧系统配置等无关模块，保留了一条更聚焦的业务链路，适合用于：

- 后台管理系统演示
- 电商/零售业务作品集展示
- 前后端联调前的 mock 场景验证
- 面试项目讲解与功能演示

## 当前模块

### 1. 登录与全站主题

- 登录 / 退出
- 路由守卫与 token 鉴权
- 全站主题切换
- 登录页、侧边栏、顶部导航、内容区统一主题生效

### 2. 首页工作台

- 经营概览
- 订单、商品、售后、库存等数据摘要
- 快速进入主要业务模块

### 3. 权限中心

- 账号管理
- 权限角色管理
- RBAC 菜单权限控制
- 商户 / 门店数据范围控制

### 4. 商户中心

- 商户 / 门店树形结构管理
- 新增、编辑、删除、排序
- 商户状态维护

### 5. 商品中心

- 商品列表、查询、分页
- 商品新增、编辑、删除
- 上下架控制
- 批量上架 / 下架 / 删除
- 低库存预警展示
- 商品运营备注、状态标签、统计卡片

### 6. 订单中心

- 订单列表、筛选、详情查看
- 发货、退款状态处理
- 售后状态联动显示
- 从订单直接发起售后

### 7. 售后中心

- 售后单列表
- 创建售后单
- 提交审核
- 审核通过 / 拒绝
- 完成售后
- 从售后单回跳订单详情

### 8. 库存中心

- 库存总览
- 低库存预警
- 库存流水列表
- 登记库存流水
- 库存变动与商品库存联动

## 角色与演示账号

项目内置 3 个 mock 演示账号：

| 账号 | 密码 | 角色 | 说明 |
| --- | --- | --- | --- |
| `admin` | `admin123` | 平台管理员 | 可查看全部门店与业务数据 |
| `editor` | `editor123` | 运营编辑 | 可查看指定范围商户/门店数据 |
| `merchant` | `merchant123` | 门店账号 | 仅查看当前门店业务数据 |

## 启动方式

### 安装依赖

```bash
npm install
```

### 启动前端开发环境

```bash
npm run dev
```

### 启动本地 mock 服务

```bash
npm run mock
```

前端默认访问：

```text
http://localhost:80
```

## 构建命令

```bash
# 测试环境构建
npm run build:stage

# 生产环境构建
npm run build:prod
```

## 项目结构

```text
src/
├─ api/                    接口请求层
├─ assets/                 样式与静态资源
├─ components/             通用组件
│  ├─ BusinessScopeBar     业务权限可视化条
│  └─ ProTable             通用表格组件
├─ layout/                 主框架布局
├─ store/                  Vuex 状态管理
├─ utils/                  请求封装、权限、工具方法
└─ views/
   ├─ index.vue            首页工作台
   ├─ login.vue            登录页
   ├─ merchant/            商户中心
   ├─ product/             商品中心
   ├─ order/               订单中心
   ├─ afterSale/           售后中心
   ├─ inventory/           库存中心
   └─ system/              权限中心（账号 / 权限角色）
```

## 技术栈

- Vue 2
- Vue Router
- Vuex
- Element UI
- Axios
- ECharts
- Express Mock Server

## 当前状态

- 当前项目以前端 mock 数据为主，适合演示与联调
- 核心业务链路已打通：商品 -> 订单 -> 售后 -> 库存
- 权限与门店范围控制已在页面和数据层同时体现
- 不需要的旧模块与无效文件已完成清理