You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1.9 KiB

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 表单