element table 多选表格嵌套多选表格

只是单纯的嵌套倒还简单，用elementui里面的模板即可，但是element有局限性，无法满足我的需求，于是自己写了一个带有多选按钮的嵌套表格，样式如下：

只是多选也简单，但是现在的需求是，选择了当前月份，则比当前月份小的月份也自动勾选，大的月份不勾选，就像交话费一样，缴费只能缴从未缴月份最早到选择的那个月份之间的记录，中间不能丢掉一些月份，例如：

 [ ] 1月未缴记录
[ ] 2月未缴记录
[ ] 3月未缴记录
[ ] 4月未缴记录
如果选择1月， 其它记录不变化
如果选2 月， 1月页自动选上，这个时候如果点击取消1月，2月自动也取消
如果选择3月，1月，2月自动选上，这时，取消1月，2,3 也取消，如果取消2， 1不取消，3取消

 

 

有点麻烦，但是可以实现其功能。