订单管理页面/订单汇总/撤销汇总

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 26 天，点击查看活动详情

订单管理的订单汇总实现逻辑:

在当前该页面也是表格展示数据，有订单编号、订单单位、订单时间、订单数量、价格，汇总状态。。。

注意：点击订单编号可以查看订单详情。

这个表格有复选框的状态，如果当前该订单是"已汇总"状态的话，当前row应该是禁用的。

<el-table-column type="selector" :setectable="selectorFunc">
 methods:{
    selectable(row,index){   //该方法自动接收row和index
       if(row.汇总状态===2){   //说明该row已经被汇总过
          return false
       }else{
          return true;
       }
    }
 }

汇总状态只有1和2，1代表未汇总，2代表已汇总。

表格的选中事件：

触发表格的selectChange事件：该事件接受个参数selection，它就是当前选中的行组成的数据，可以对该数据进行转换，点击订单汇总时我们只需要拿到被选中的id即可。把所有的id放到状态里ids:[]

点击订单汇总按钮实现逻辑：

注意：只有表格有被选中的数据（并且数据大于1，只有一个没必要进行汇总），再进行订单汇总，否则无法进行汇总。可以判断ids.length>1的情况下，再弹出弹框。

1、弹框：问是否进行汇总？

• 确定：调接口，把当前的ids传给后端，注意ids是字符串，不能是数组了，后端用这种参数比较好实现。(ids.join( '.' ));
• 如果请求的数据status===200，进行提示汇总成功
• 并且再重新调用一下最初始请求订单列表数据的接口，更新视图。（因为这时候后台数据已经改变了）

2、撤销汇总逻辑实现：

1. 在汇总列表页面，可撤销汇总。首先要知道撤销汇总的话，当前这一行row会被删除，并且订单列表的对应被汇总的数据状态修改为"未汇总"。

点击撤销汇总先进行弹框提示，是否要撤销汇总？

• 确定：需要向后端传当前汇总订单的id，剩下的后端会处理，如果请求成功，就再重新调用获取汇总清单的接口，这时候再去订单页面就会发现对应的数据订单变成"未汇总"。
• 取消：关闭模态框，提示您已取消该操作。