|
|
|
|
|
<!--
|
|
|
|
|
|
* @Author: zhoux zhouxia@supervision.ltd
|
|
|
|
|
|
* @Date: 2023-11-01 13:56:33
|
|
|
|
|
|
* @LastEditors: zhoux zhouxia@supervision.ltd
|
|
|
|
|
|
* @LastEditTime: 2023-11-03 11:09:56
|
|
|
|
|
|
* @FilePath: \general-ai-platform-web\README.md
|
|
|
|
|
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
|
|
|
|
-->
|
|
|
|
|
|
# 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 表单
|
