Vicky
2fa1416c3e
为什么：项目锁 element-plus 2.5.5，而 2.5.5 的 el-radio 只有 `label` 属性（`value` 是 2.6.0+ 才引入的替代 API）。 源码可证：node_modules/.pnpm/element-plus@2.5.5_vue@3.4.15/.../radio/src/radio.mjs 的 radioPropsBase 只有 label，没有 value。所以 `<el-radio value="X">` 的 value 是无效 attribute，radio 的 label 全是默认空串： 点任意一个 → 模型被设成 "" → 所有 radio 的 label 都是 "" → 全部显示选中（用户看到"点个人、公司也选上了"）。 初始值非空时没有匹配项，所以一开始一个都不选中，一点就全亮。 - 全项目 14 处 el-radio（6 个文件）统一把 value= 改成 :label=（值与显示文本不同时用 slot 承载文本） 覆盖：创作者类型 / 创作者审核 / 内容审核 / 权益类型 / App 用户处置 / 举报处理 / 菜单类型 - 不升级 element-plus（会影响整个后台组件行为，需单独评估） 实测：7 个单选组逐个点选，均"只有被点的那个选中"；创作者类型额外验落库值 （选个人 → INDIVIDUAL，选机构 → COMPANY）。
FruitShorts 内容管理后台
短剧内容管理后台。界面与工程结构基于 vue-element-plus-admin，在其上接入了短剧、剧集、App 用户、角色、菜单和管理员页面，数据全部来自 Java 后端服务。
界面名称由 VITE_APP_TITLE 控制（.env.base 及 dev / test / pro 三个环境文件），当前值为 FruitShorts，同时作用于浏览器标题、侧边栏品牌与登录页。
后端工程在同级目录 ../FruitServer，接口与启动方式见 ../FruitServer/README.md。
环境
- Node.js 18 或更高版本
- pnpm 8 或更高版本
- 已启动的后端服务（默认
http://127.0.0.1:8080）
开始
先启动后端（见 ../FruitServer/README.md），再启动前端：
pnpm install
pnpm dev
开发服务地址是 http://localhost:3005 。vite.config.mts 已把 /admin 代理到 http://127.0.0.1:8080、/files 代理到后端本地媒资目录，因此前端不需要额外配置跨域。
演示账号（密码均为 admin123，由后端 sql/data.sql 初始化）：
| 账号 | 角色 | 说明 |
|---|---|---|
admin |
超级管理员 | 拥有全部菜单与操作权限 |
content.editor01 |
内容运营 | 只能看到内容管理，且无审核权限 |
content.reviewer01 |
审核专员 | 可审核发布 |
data.analyst01 |
数据分析师 | 只读内容数据 |
用不同账号登录可以直观看到菜单与按钮随权限变化。
命令
| 命令 | 作用 |
|---|---|
pnpm dev |
启动开发服务 |
pnpm build:dev |
构建开发包 |
pnpm build:test |
构建测试包 |
pnpm build:pro |
构建生产包 |
pnpm serve:pro |
预览生产包 |
页面
登录后菜单包括：
- 工作台：短剧总数、累计播放量、待审核数、已上线数与最近更新
- 内容管理：短剧管理（含封面分片上传、提交审核/通过/驳回/上线/下线）、剧集管理（含视频分片上传、自动读取时长、播放顺序调整）、轮播图管理（含图片上传、跳转配置、排序与上下线）、类型管理（短剧类型的增删改）
- 用户管理 → App 用户：按 uid / 昵称 / 手机号 / 邮箱检索 C 端用户，查看资料、观看流水与处置记录，支持封禁 / 限制 / 解封（处置后该用户全部会话立即失效）
- 后台管理：角色权限配置、管理员用户列表、菜单管理、角色分类、系统设置
- 后台管理 → 操作日志：查看后台写操作的请求与响应、操作人、耗时
左侧菜单由后端 GET /admin/auth/menus 下发，属于服务端动态路由；在菜单管理页改动菜单后，重新登录即可看到新的菜单结构。
目录
框架原有代码保持 vue-element-plus-admin 的结构。本项目新增的业务代码：
src/api/admin/：管理端接口封装（短剧、剧集、角色、菜单、管理员、配置）src/views/common/DashboardView.vuesrc/views/contentManagement/src/views/permission/、src/views/permission/composables/src/views/userManagement/、src/views/userManagement/composables/src/views/systemManagement/src/stores/rbac.js：基于登录下发权限码的按钮级权限判断src/utils/status.js、src/utils/format.jssrc/styles/business/
路由写在 src/router/index.ts 的 asyncRouterMap（服务端动态路由不可用时的兜底）。