真删除与假删除

542 阅读1分钟

一、真删除:

当页面中的表格为独立表格无上下关联时,则调接口删除即可(真删除-项目管理/风险/纪录页面),这种情况无需多言。

image.png

二、假删除:

1、当表格中的数据在上下流程中都有关联的时候,则不可以直接在页面中对数据进行真删除(审批流程中的所有表格数据);
2、正确的做法为删除操作前端控制,给需要删除的数据加一个特殊标识如isdel,并筛选并渲染到表格中,真正与后端交互时,则页面流转时,将最终数据提交给后端即可,此之为假删除。
3、(难点:遍历循环每一行数据,为其加上行数标识num=index,再对比选中行与表格num,num相等则点击删除时为其加入isdel=true,再将其筛选filter即完成了假删除)

如图所示则需要为假删除,步骤如下: image.png

步骤1:el-table的selection-change方法可以拿到所选的某行或多行数据 image.png

步骤2:点击删除按钮时,对比选择行的num与表格所有行的num,相等则为该行加特殊标识isdel image.png

步骤3:封装公共方法fiktfun(),用于筛选有删除标识isdel的行 image.png

步骤4:对数据源使用fiktfun()方法,实现前端控制表格删除;注意后续存草稿或提交都需要做筛选 image.png