多选树形表格

[{"insert":{"image":"R10580997-87992a5e1c2db25c854a9dcdbedf33ff_42681_856_475.png"}},{"insert":"\n\n"},{"insert":{"image":"R10580997-77dfc70cf3473cac934c008b22764a37_6257_418_104.png"}},{"insert":"\n\n页面显示时将后台数据库数据输出至两个对象数组中，其中"},{"attributes":{"bold":true},"insert":"参考数据"},{"insert":"负责展示和前端操作数据，"},{"attributes":{"bold":true},"insert":"操作对象"},{"insert":"负责记录前端对数据表进行的操作(增，删)，为实现功能5(点击保存，将当前数据表格保存至数据库)，添加"},{"attributes":{"bold":true},"insert":"添加对象"},{"insert":"对象数组，负责记录用户为数据表格添加的数据，功能5主要实现思路为：利用数据按数据ID更新和提交多条数据功能，保存整个数据库。\n\n"},{"insert":{"image":"R10580997-4bcc8050793925927a3a1016a34fb320_54831_869_597.png"}},{"insert":"\n\n使用树形结构实现基本UI\n"},{"insert":{"image":"R10580997-d86eb11020847c10cca87c183f2a714d_24924_269_568.png"}},{"insert":"\n"},{"insert":{"image":"R10580997-cd0955fac1750062546daa836be0bf77_19247_843_527.png"}},{"insert":"\n\n功能1 树形容器自带的功能实现\n"},{"insert":{"image":"R10580997-2e8c804e8477a6923e5f02b2b2158c1f_10327_888_149.png"}},{"insert":"\n\n功能2，3\n"},{"insert":{"image":"R10580997-3b4bab32f915f15fbf73619c83e56d6d_5286_431_72.png"}},{"insert":"\n\n\n"},{"insert":{"image":"R10580997-841a4553397ebd0f20db03e2653835aa_79095_870_662.png"}},{"insert":"\n\n"},{"insert":{"image":"R10580997-631dcac701b1f9600de62d29e47a1434_62615_884_517.png"}},{"insert":"\n\n利用循环判断是否全选，子对象选择时，父对象状态判断\n\n功能4\n"},{"insert":{"image":"R10580997-ece67e20bb095f8602ec8d6837cde823_8618_366_194.png"}},{"insert":"\n\n"},{"insert":{"image":"R10580997-ace8058d953ebd7bd439acca0e88c364_64385_899_686.png"}},{"insert":"\n"}]

[{"insert":"之前树形表格demo太简单了，做成下面这个，数据从后台数据库读取\n"},{"insert":{"image":"R10580997-035a342042919140ec24ceb08bfd18e5_370210.gif"}},{"insert":"\n"},{"attributes":{"background":"#ffffff","color":"var(--jl-text-gray)"},"insert":"点击表格左侧箭头，可以展开或者收起该行内容的子级内容"},{"attributes":{"list":"ordered"},"insert":"\n"},{"attributes":{"background":"#ffffff","color":"var(--jl-text-gray)"},"insert":"点击父级行的多选按钮，可以选中或者取消选中当前行内容以及子级行内容"},{"attributes":{"list":"ordered"},"insert":"\n"},{"attributes":{"background":"#ffffff","color":"var(--jl-text-gray)"},"insert":"点击子级行的多选按钮，可以选中或取消选中当前行的内容，并且根据子级选中的数量自动反选父级行"},{"attributes":{"list":"ordered"},"insert":"\n"},{"insert":"右键可删除当前行、在下方新增行、在子级新增行"},{"attributes":{"list":"ordered"},"insert":"\n"},{"insert":"表格右上角加一个保存的按钮，点击将当前表格数据保存至数据库"},{"attributes":{"list":"ordered"},"insert":"\n"},{"insert":"\n"}]