📄 前端组织架构组件

页面使用

import orgSelector from '/@/components/OrgSelector/index.vue';

<org-selector v-model:orgList="userList" type="user" :multiple="false" />

数据格式

[
  {
    "type": "user",
    "id": "1",
    "name": "admin",
    "avatar": "xx.png"
  }
]

属性说明

属性名	类型	默认值	描述
orgList	Array	[]`	组织列表，用于显示可选的组织。
type	String	user	类型，可选值为 user、 dept、role
multiple	Boolean	true	是否允许多选。如果为 true，则可以选择多个组织或用户；如果为 false，则只能选择一个组织或用户。默认为 true。
disabled	Boolean	false	是否禁用组件。如果为 true，则组件将不可用，用户无法进行选择。默认为 false。
selectSelf	Boolean	true	是否包含自身。如果为 true，则在可选项中包含当前用户自身；如果为 false，则不包含当前用户自身。默认为 true。