高分求解决思路，有源码展示最好（vue+element）急急急！！！！周一午饭前需要

[sha虫剂]

最高只能给400分，如果有源码解释的可再开贴补分，说思路也行
首先上一张图

如图所示，一个表格分了一、二、三级列，每一列都是一个下拉框（select），每一列下拉框的下拉选项如图：



现需求：
1、当都选择不区分时仅有一行数据
2、当一级列选择非(不区分)时，一级自动展开为两行也就是分为（越库）和（非越库）两行，二级同理，选非(不区分)时，自动展开为（常温）、（冷藏）........四行，也就是说全部都不选择（不区分）的时候总共有24行数据
3、当某一列选择了不区分时，将展开的行收回
4、当从后台拿到数据时要直接展开成符合数据的样子



求大佬们给点思路，完全蒙圈了，不知道该怎么设计，可以稍微给一点思路就行，另外，数据格式随便各位大佬设计，给不出思路，能给出合理的数据格式也可以（如果认为这个不能实现，求给出大佬自己认为的设计想法）

[泡泡鱼_]

都不知道你所谓的一级列选择非（不区分）这个选项在哪呢？？？？ 2中说到选不区分就自动展开，3中又说选择不区分又将展开收回 看不懂你说什么呀。而且上下两部份，你所谓的一级列：越库和非越库明明是各自独立的下拉框……

[sha虫剂]

引用 1 楼 泡泡鱼_ 的回复:

都不知道你所谓的一级列选择非（不区分）这个选项在哪呢？？？？ 2中说到选不区分就自动展开，3中又说选择不区分又将展开收回 看不懂你说什么呀。而且上下两部份，你所谓的一级列：越库和非越库明明是各自独立的下拉框……

不是 本来每一列就一个下拉框 每个下拉框里面都有一个不区分的选项 当选择的不是不区分 就自动展开成越库和非越库两项 选中的是不区分选项就把展开的项收回 不是像图中那样是两个独立下拉，而是图里面下面部分是展开了一级二级的 而且图有点问题 稍微做个参考就行

[我爱小仙女]

这里不能监听select的change事件，然后change值改变后根据规则计算新的表格数据，然后重新渲染表格么？ 如果每次改变重渲染的话，这样的需求就简单很多了