最近新项目要用到选择人员,于是重新在新项目中设计了一版选人框。
效果图如下:
功能部分
一个选人框主要有以下几个展示部分:
- 人员组织树
- 已选节点信息
- 操作工具栏
这三大部分再细分下各自应有的基础功能:
人员展示部分:
- 用户信息展示
- 选中节点的标识
- 对于人员的快速定位功能
1)用户成员展示
将人员用树形直接列出,是最直接、最便捷的方式。因为树形下,很方便查看组织结构,某位用户属于哪个部门,同级员工信息,这些都很清楚。
2)选中节点标识
现在很多的选择树,都前置或后置“复选框”来作为选中状态的标识,这种做法的好处,一是具有明显标识状态,二是引导用户,此节点可直接点击。
前置选择标识: