高分求解决思路,有源码展示最好(vue+element)急急急!!!!周一午饭前需要

sha虫剂 2021-05-22 08:07:03
最高只能给400分,如果有源码解释的可再开贴补分,说思路也行
首先上一张图

如图所示,一个表格分了一、二、三级列,每一列都是一个下拉框(select),每一列下拉框的下拉选项如图:



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



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


...全文
241 点赞 收藏 3
写回复
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
这里不能监听select的change事件,然后change值改变后根据规则计算新的表格数据,然后重新渲染表格么? 如果每次改变重渲染的话,这样的需求就简单很多了
回复
sha虫剂 05-23
引用 1 楼 泡泡鱼_ 的回复:
都不知道你所谓的一级列选择非(不区分)这个选项在哪呢???? 2中说到选不区分就自动展开,3中又说选择不区分又将展开收回 看不懂你说什么呀。而且上下两部份,你所谓的一级列:越库和非越库明明是各自独立的下拉框……
不是 本来每一列就一个下拉框 每个下拉框里面都有一个不区分的选项 当选择的不是不区分 就自动展开成越库和非越库两项 选中的是不区分选项就把展开的项收回 不是像图中那样是两个独立下拉,而是图里面下面部分是展开了一级二级的 而且图有点问题 稍微做个参考就行
回复
都不知道你所谓的一级列选择非(不区分)这个选项在哪呢???? 2中说到选不区分就自动展开,3中又说选择不区分又将展开收回 看不懂你说什么呀。而且上下两部份,你所谓的一级列:越库和非越库明明是各自独立的下拉框……
回复
发动态
发帖子
JavaScript
创建于2007-09-28

8.4w+

社区成员

Web 开发 JavaScript
申请成为版主
社区公告
暂无公告