汉钢20230811前端开发建议

表头自定义功能按钮样样式

样式可参考原操作栏按钮样式，或参考搜索栏按钮样式。

按钮类型（颜色）、icon参考云平台其他页面。

[按钮组件文档](组件 | Element (opens new window))

参考代码

<el-button type="primary" icon="el-icon-search">按钮名称</el-button>

截图

搜索栏项目宽度

• 描述文字数量调整适当宽度
• 总宽度根据类型调整宽度
• 根据重要程度、布局美观调整顺序
• 以上内容均可在表格构建工具中实现

截图

表单验证/顺序

• 根据业务优先级合理配置表单项顺序
• 添加表单验证如：必填、数字（可用数字类型组件实现）

方案一 （推荐）

• 使用avue-from组件实现[相关文档](Form属性文档 | Avue (avuejs.com) (opens new window))。（[案例](表单验证 | Avue (avuejs.com) (opens new window))）
• 使用ce-form-dialog实现，配置文档同avue-from。

截图

方案二

• 使用el-from组件实现[相关文档](组件 | Element (opens new window))

截图