# ReelShort 内容管理后台

短剧内容管理后台。界面和工程结构使用 [vue-element-plus-admin](https://element-plus-admin-doc.cn/) 的 `main` 分支，在上面接入了短剧、剧集、角色、菜单和管理员页面。

## 环境

- Node.js 18 或更高版本
- pnpm 8 或更高版本

## 开始

```sh
pnpm install
pnpm dev
```

开发服务地址是 [http://localhost:3005](http://localhost:3005)。同一局域网的设备可以使用终端里的 Network 地址打开。

演示账号：

| 账号    | 密码       |
| ------- | ---------- |
| `admin` | `admin123` |
| `test`  | `test`     |

`admin` 拥有全部菜单。`test` 只用于对照框架自带的权限示例。

## 命令

| 命令              | 作用         |
| ----------------- | ------------ |
| `pnpm dev`        | 启动开发服务 |
| `pnpm build:dev`  | 构建开发包   |
| `pnpm build:test` | 构建测试包   |
| `pnpm build:pro`  | 构建生产包   |
| `pnpm serve:pro`  | 预览生产包   |

## 页面

登录后菜单包括：

- 工作台
- 内容管理：短剧管理、剧集管理
- 后台管理：角色权限配置、管理员用户列表、菜单管理、角色分类、系统设置

这些页面的数据仍是前端演示数据，没有接后端。登录和菜单由框架的 mock 接口提供。

## 目录

框架原有代码保持 [vue-element-plus-admin](https://github.com/kailong321200875/vue-element-plus-admin/tree/mini) 的结构。本项目新增的业务代码在：

- `src/views/common/DashboardView.vue`
- `src/views/contentManagement/`
- `src/views/permission/`
- `src/views/userManagement/`
- `src/views/systemManagement/`
- `src/data/`、`src/permissions/`、`src/stores/`
- `src/styles/business/`

路由写在 `src/router/index.ts` 的 `asyncRouterMap`。