技术文档 打开导航菜单 PIG AI Guide ============ 切换主题搜索 [](https://wwads.cn/click/bait)[![](https://cdn.wwads.cn/creatives/GPfb3fTMCC7MNI9G44pKV791miZNKE2REPWfwcD4.jpg) ](https://wwads.cn/click/bundle?code=ZjHRzsttiShllTKioSc21ytNdis6pa) [🔥**2核2G ARM架构云服务器 每月750小时免费试用**🆓 灵活弹性又可靠💪早用早省~](https://wwads.cn/click/bundle?code=ZjHRzsttiShllTKioSc21ytNdis6pa)[广告](https://wwads.cn/?utm_source=property-270&utm_medium=footer "点击了解万维广告联盟") PIGX 技术指南 ========= 适配 5.0 以上单体和微服务版本 PIGX 技术指南PIG ⌘K 参与开发 快速上手 前端部分 功能使用 后端部分 扩展必看 生产部署 社区分享 更新日志 更新日期: 2025-10-23 最后更新: 2025/9/16 切换主题 前端组织架构组件 ======== ![](https://minio.pigx.top/oss/202310/1696317433.jpg) [](#页面使用)页面使用 ------------- ``` `import orgSelector from '/@/components/OrgSelector/index.vue'; ` ``` [](#数据格式)数据格式 ------------- ``` `[ { "type": "user", "id": "1", "name": "admin", "avatar": "xx.png" } ]` ``` [](#属性说明)属性说明 ------------- | 属性名 | 类型 | 默认值 | 描述 | | --- | --- | --- | --- | | orgList | Array | \[\]\` | 组织列表,用于显示可选的组织。 | | type | String | user | 类型,可选值为 user、 dept、 org (部门、用户 同时可选) 、role、post | | multiple | Boolean | true | 是否允许多选。如果为 `true`,则可以选择多个组织或用户;如果为 `false`,则只能选择一个组织或用户。默认为 `true`。 | | disabled | Boolean | `false` | 是否禁用组件。如果为 `true`,则组件将不可用,用户无法进行选择。默认为 `false`。 | | selectSelf | Boolean | `true` | 是否包含自身。如果为 `true`,则在可选项中包含当前用户自身;如果为 `false`,则不包含当前用户自身。默认为 `true`。 | ### 本页导航 页面使用 数据格式 属性说明