fix 展示详情的弹框样式优化

 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-07-30 13:42:10
+ * @LastEditTime: 2024-07-30 13:55:36
  * @FilePath: /data-table/src/components/OrgPickerField/MyComponent.vue
  * @Description: 树形组件
 -->
@@ -226,6 +226,13 @@
       </div>
     </van-popup>
 
+    <van-dialog v-model:show="show_detail" title="详情" :confirm-button-color="styleColor.baseColor">
+      <div style="padding: 0 1rem;">
+        <div style="margin-bottom: 0.5rem;">姓名：{{ node_info.name }}</div>
+        <div style="margin-bottom: 0.5rem;">组织结构类型：{{ node_info.type }}</div>
+        <div v-if="node_info.mobile" style="margin-bottom: 0.5rem;">手机号：<a :href="`tel:${node_info.mobile}`" :style="{ color: styleColor.baseColor }">{{ node_info.mobile }} </a></div>
+      </div>
+    </van-dialog>
   </div>
 </template>
 
@@ -332,6 +339,8 @@ const openTree = () => {
   });
 }
 
+const node_info = ref({});
+const show_detail = ref(false);
 const clickNode = ({ id, type, name, mobile='' }) => { // 点击显示选择详情
   if (!props.component_props.readonly) return false; // 非只读不予许操作
   const obj = {
@@ -342,16 +351,13 @@ const clickNode = ({ id, type, name, mobile='' }) => { // 蝷粹霂行
   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
-  });
+  node_info.value = {
+    id,
+    type: obj[type],
+    name,
+    mobile
+  }
+  show_detail.value = true;
 }
 
 const emitCheckedGroup = ref({