一、真删除:
当页面中的表格为独立表格无上下关联时,则调接口删除即可(真删除-项目管理/风险/纪录页面),这种情况无需多言。
二、假删除:
1、当表格中的数据在上下流程中都有关联的时候,则不可以直接在页面中对数据进行真删除(审批流程中的所有表格数据);
2、正确的做法为删除操作前端控制,给需要删除的数据加一个特殊标识如isdel,并筛选并渲染到表格中,真正与后端交互时,则页面流转时,将最终数据提交给后端即可,此之为假删除。
3、(难点:遍历循环每一行数据,为其加上行数标识num=index,再对比选中行与表格num,num相等则点击删除时为其加入isdel=true,再将其筛选filter即完成了假删除)
如图所示则需要为假删除,步骤如下:
步骤1:el-table的selection-change方法可以拿到所选的某行或多行数据
步骤2:点击删除按钮时,对比选择行的num与表格所有行的num,相等则为该行加特殊标识isdel
步骤3:封装公共方法fiktfun(),用于筛选有删除标识isdel的行
步骤4:对数据源使用fiktfun()方法,实现前端控制表格删除;注意后续存草稿或提交都需要做筛选