树

前言 本篇文章介绍一种比较复杂的排版方式，是一种树形组件集成了表格组件，树的每一个节点都具有一行配置。对比产品页面如下： 需求分析 看个这个页面，我们首先想到的是，一个树组件，和一个表格组件。如果要把右侧当成表格组件坐起来是比较复制的。因为涉及到树节点的折叠，对应的行也要折叠。所以最简单的办法是，模拟右侧的表格，将每一行写到树节点中。这样，折叠节点时，对应的行也相应被折叠。 代码实现 顶部的表头是一个单独的div实现，向右偏移。 左侧的树使用element-plus的树组件来展示。每一个节点应该…