# youyan-admin

**Repository Path**: mrwang8034/youyan-admin

## Basic Information

- **Project Name**: youyan-admin
- **Description**: admin.youyan.xyz
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-06-13
- **Last Updated**: 2024-06-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# admin.youyan.xyz

## 重构点

- 工程 code base
  - ~~请求封装~~
  - ~~基础 toke store~~
  - ~~存储工具：IndexDB、localStorage、sessionStorage、cookie~~
  - cicd
- ~~权限路由~~
- ~~嵌套路由 404~~
- 表格封装
  - ~~翻页~~
  - ~~搜索~~
  - ~~排序~~
  - ~~过滤~~
  - ~~customRender~~
  - ~~高度自适应~~
  - `useTableSelection`（批量操作）
- 组件
  - 状态组件
    - ~~状态（上下线、审核状态、支付状态等纯视觉组件）~~
  - 功能组件
    - ~~删除（带提示：Popconfirm 模式）~~
    - ~~通用头部搜索操作组件【search-wrapper】~~
- 业务组件
  - ~~全量企业列表（用于 Select）~~
  - ~~图片预览~~
  - ~~视频预览~~
  - ~~音频预览~~
  - ~~上下线~~
  - ~~打分~~
  - 批量打分
  - 打标签
  - 批量打标签
  - ~~资产分发~~
  - 普通文件上传
- 工具函数
  - OSS 图片格式化显示
  - 时间格式化
    - ~~日期~~
    - ~~时区~~
  - 字符长度判断（中英文）
- ~~AliOSS/Minio Upload 组件~~
- ~~文件下载~~
- 日志
- ~~神策~~
- ~~Markdown 编辑预览~~
- color-picker


## 规范和约束

  - `/src/components/` 内组件不再能 auto import，需手动 import
  - 数据搜索，value 如果没有值（`{ name: undefined | null }`），axios interceptor 已经过滤，不会发到 backend
  - 表格最后一列用 `useTable` 的 `lastColumn`（居中、右固定）
  - 表格的列渲染如果仅涉及值的自定义，用 `customRender`
  - 弹窗表单（暂不支持复杂 `footer`）相关属性使用 `useModalForm`，参考 `/pages/template-page/form.vue`

## 注意点

  - `useKeyVal` 在编译时生成，可以使用枚举值（如果需要）
  - 为每一个列头指定 `width`（如果列数足够少，也可不设置，auto 也许足够），不要让表头文字换行
  - 接口如果不会复用，优先写在页面目录内，写在 `/apis/modules/` 内也无妨
  - 表格需要横向滚动，才在 `TableWrapper` 添加 `scroll-x` 属性
  - 简单视觉组件建议用 `tsx` 写在一个文件里，避免过多的组件文件
  - 页头用 `components/search-wrapper.vue`
  - 暂不处理非`antd组件`的内外边距
  - 在需要更多 Form label wrapper 属性时可使用 `useFormCol`
  - 通用的 `上/下线状态` 和 `禁/启用状态` 使用 `features/biz-status` 的 `OnlineStatusView`、`EnableStatusView` 组件
  - 其他业务数据状态显示，基于 `components/base-status` 二次封装，参考支付管理的支付状态
  - 原子化 CSS 不用写单位 `px`，样式表仍需要

## 页面完成进度

- 用户管理
  - ~~账号信息~~
  - ~~团队信息~~
  - ~~留资信息~~
  - ~~意见反馈~~
- 订单
  - ~~支付~~
- 内容管理
  - ~~模板~~
    - ~~编辑~~
    - ~~审核~~
    - ~~上架~~
    - ~~已移除~~
  - 演播室
    - ~~场景实例~~
    - ~~镜头库~~
    - ~~演播室类型~~
    - ~~动作风格关联关系~~
  - 人物
    - 角色
    - ~~音色~~
    - ~~音乐-动作风格关联~~
    - ~~动作风格~~
  - ~~KA动作~~
  - 包装素材
    - ~~音乐~~
    - ~~音效~~
    - ~~字幕~~
    - ~~文字模板~~
    - ~~贴纸~~
    - ~~片头片尾~~
    - ~~字体~~
- 平台运营
  - ~~Banner位~~
  - ~~首页推荐~~
  - ~~消息推送~~
  - ~~培训教程~~
  - ~~应用场景配置~~
  - ~~产品指南配置~~
  - 营销活动
    - ~~拉新有礼~~
    - ~~兑换码~~
- 资源（废弃）
  - ~~合成~~
  - ~~服务器~~
  - ~~合成资源看板~~
  - ~~用户资源占用~~
- ~~标签~~
- ~~字幕切句热词~~
- 算法配置
  - ~~TTS词表~~
- 任务管理
  - 审批任务
    - ~~试用申请~~
- ~~应用配置~~
- 权限管理
  - ~~成员~~
  - ~~角色和权限~~
  - ~~操作日志~~
  - ~~应用权限~~

## 搁置功能

  - 页面切换，保留搜索参数
  - FormItem 的 `allow-clear`、`placeholder`
  - ~~`上线状态`列抽象~~
  - CRUD 后的 message
  - Modal-Form 的确认 loading