yuqmn的博客

文章目录需求背景1.表单分成三部分，单独校验2.自定义校验规则，判断数据库中是否存在某个数据3.使用antd步骤条，修改antd默认的样式，要求，填写中或者不填为灰色，校验失败为红色，校验成功为蓝色实现思路和相关代码1.页面表单结构2.校验定义校验规则校验，自定义校验时机3.修改antd默认样式需求背景1.表单分成三部分，单独校验2.自定义校验规则，判断数据库中是否存在某个数据3.使用antd步骤条，修改antd默认的样式，要求，填写中或者不填为灰色，校验失败为红色，校验成功为蓝色实现思路和相关代

背景表格数据太多，需要进行批量操作要求：1.表格首列为多选列，可以实现对具体数据的选中，并进行操作2.分页完整功能3.添加全选按钮，点击选中所有数据，不是本页全部数据，而是所有页的全部数据，且数据的选中状态不会根据切换页面而改变4.添加批量操作按钮，有数据被选中时，按钮被触发，颜色变为可操作状态，无数据被选中，按钮不可操作，颜色变为不可操作状态实现思路和相关代码多选列参考element-ui官网table的多选列，只需要添加一列设置type='selection’即可<e

背景某功能页面下线，需要提供一个弹窗来提示用户该功能已下线要求：弹窗只是在进入该页面的时候显示，切换其他的页面再回到该页面，弹窗不显示，即弹窗只在第一次点击该功能页面出现实现思路弹窗：element-ui或者antd中的dialog，参考官方api即可弹窗只出现一次，使用sessionStorage去控制dialog的visible实现代码在入口文件中定义并设置sessionStorageconst sessionStorage = window.sessionStorage;se