通用算法平台前端仓库
 
 
 
 
Go to file
chunquansang dfc7495975 模型版项目模块分步
config first commit
mock first commit
public first commit
src 模型版项目模块分步
tests first commit
types first commit
.editorconfig first commit
.env first commit
.env.development first commit
.env.production first commit
.eslintignore first commit
.eslintrc.js first commit
.gitignore feat: 模型列表删除按钮个性化、气泡确认操作;抽屉展开内容间距调整;模型版本按钮超过3个显示更多
.prettierignore first commit
.prettierrc.js first commit
Dockerfile first commit
README.md 模型版本分布表单更新
jest.config.ts first commit
jsconfig.json first commit
package.json 模型版本分布表单更新
pnpm-lock.yaml first commit
tsconfig.json first commit

README.md

General-AI-Platform-Web

通用算法平台前端仓库 develop

remark

  • 列表筛选表单配置统一使用renderFormItem配置方便个性化处理

  • 删除按钮颜色配色 统一将a标签换成Button 设置属性{ type="text" danger}

  • 列表多选的操作高亮处理,目前不明显

  • 列表action栏位操作多个排在一起显得拥挤

  • 展示抽屉内容时需要有关闭按钮,排版需和谐

  • 使用stepForm的时候最后的提交写在最后一步的onfinish里面而不是总的stepForm里

具体实现

  1. 筛选表单区: 列表在columns配置初始数据时需要筛选的表单项统一使用renderFormItem属性基于renderFormItem去配置表单项field, 【searchFormItemProps】属性统一配置自定义业务 { width="md" // 表单项宽度可以是数字 labelCol={{span: 4}} // 标签布局 wrapperCol={{span: 22}} // 输入控件布局 }

  2. 列表action区按钮个性化和操作确认调整为 统一将a标签换成Button 设置属性【actionInnerDeleteBtnProps】 { type="text" danger}

  3. 列表action有多个按钮显示更多 暂时使用默认超过3个显示更多如需统一处理或者权限控制下的按钮显示隐藏导致的按钮数量不一致可根据需要独立封装TableActionComp

  4. 列表多选悬浮展示在底部,顶部隐藏处理 【待处理】

ProTable 固定列表

  1. 固定表头 scroll={{ y: 500 }} 批量选择确认按钮固定,列表头内容固定

  2. 批量选择 tableAlertOptionRender 配置多选操作选项区

ProForm 表单