组织结构组件可以查看点击查看更多详情

 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-07-30 09:52:32
+ * @LastEditTime: 2024-07-30 13:42:10
  * @FilePath: /data-table/src/components/OrgPickerField/MyComponent.vue
  * @Description: 树形组件
 -->
@@ -332,16 +332,26 @@ const openTree = () => {
   });
 }
 
-const clickNode = (node) => { // 点击显示选择详情
+const clickNode = ({ id, type, name, mobile='' }) => { // 点击显示选择详情
   if (!props.component_props.readonly) return false; // 非只读不予许操作
-  // TODO：暂时隐藏等待后续接口提供更多字段 显示
-  // showDialog({
-  //   title: '详情',
-  //   message: `${node.id}-${node.name}-${node.type}`,
-  //   confirmButtonColor: styleColor.baseColor
-  // }).then(() => {
-  //   // on close
-  // });
+  const obj = {
+    dept: '部门',
+    role: '角色',
+    user: '成员'
+  }
+  if (mobile === null) {
+    mobile = ''
+  }
+  // 显示更多详情
+  showDialog({
+    title: '详情',
+    // message: `${obj[type]}-${name}-${mobile}`,
+    message: `姓名：${name}\n组织结构类型：${obj[type]}\n手机号：${mobile}`,
+    confirmButtonColor: styleColor.baseColor,
+    messageAlign: 'left',
+  }).then(() => {
+    // on close
+  });
 }
 
 const emitCheckedGroup = ref({