From 2a6de583e1f032ac90acdba0c6accf6975855221 Mon Sep 17 00:00:00 2001
From: xuziqiang <1344691446@qq.com>
Date: Wed, 17 Jul 2024 15:07:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=91=E6=A0=B7=E5=BC=8F=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hx-ai-intelligent/src/App.vue                         |  5 +++++
 .../organizationManage/departmentManage/index.vue     | 11 +++++++++--
 lib/component/tree/tree-api.vue                       |  8 ++++----
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/hx-ai-intelligent/src/App.vue b/hx-ai-intelligent/src/App.vue
index 9c90247..a035683 100644
--- a/hx-ai-intelligent/src/App.vue
+++ b/hx-ai-intelligent/src/App.vue
@@ -48,6 +48,11 @@
       height: 100%;
     }
   }
+  :deep(.ant-tree-node-content-wrapper) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-wrap: nowrap;
+  }
   // :deep(.ant-menu-item),
   // :deep(.ant-menu-submenu-title) {
   //   &:not(.ant-menu-item-selected) {
diff --git a/hx-ai-intelligent/src/view/organizationManage/departmentManage/index.vue b/hx-ai-intelligent/src/view/organizationManage/departmentManage/index.vue
index 757fdb2..9a9308b 100644
--- a/hx-ai-intelligent/src/view/organizationManage/departmentManage/index.vue
+++ b/hx-ai-intelligent/src/view/organizationManage/departmentManage/index.vue
@@ -17,7 +17,7 @@
             @select="SelectApartmentTree">
             <template #title="data">
               <div style="display: flex; justify-content: space-between; align-items: center">
-                <span>{{ data.deptInfo?.deptName }}</span>
+                <span class="treeContent">{{ data.deptInfo?.deptName }}</span>
                 <a-dropdown>
                   <ns-icon name="actionMore" size="14" class="actionMore" />
                   <template #overlay>
@@ -96,7 +96,7 @@
             @select="SelectUserTree">
             <template #title="data">
               <div style="display: flex; justify-content: space-between; align-items: center">
-                <span> {{ data.zhName }}</span>
+                <span class="treeContent"> {{ data.zhName }}</span>
                 <a-dropdown>
                   <ns-icon name="actionMore" size="14" class="actionMore" />
                   <template #overlay>
@@ -819,6 +819,7 @@
     border-radius: @ns-border-radius;
     border: 1px solid #ebeef5;
     padding: 16px;
+    min-width: 100px;
   }
   .list {
     padding-left: @ns-gap;
@@ -863,4 +864,10 @@
   .form {
     margin: 20px;
   }
+
+  .treeContent {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-wrap: nowrap;
+  }
 </style>
diff --git a/lib/component/tree/tree-api.vue b/lib/component/tree/tree-api.vue
index 516ca23..e274ba2 100644
--- a/lib/component/tree/tree-api.vue
+++ b/lib/component/tree/tree-api.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
 
-    <div style="min-height: 300px; overflow-y: scroll">
+    <div style="min-height: 150px; overflow-y: scroll">
       <ns-tree v-if="treeData?.length" v-bind="getBindValue" v-model:selectedKeys="selectedKeys">
         <template #[item]="data" v-for="(item, index) in Object.keys($slots)" :key="index">
           <slot :name="item" v-bind="{ ...data, formModel } || {}"></slot>
@@ -138,9 +138,9 @@
     font-weight: bold;
     user-select: text;
     padding: @gap;
-    margin-bottom: @gap;
-    padding-bottom: 10px;
-    border-bottom: 1px solid #e9e9e9;
+    // margin-bottom: @gap;
+    // padding-bottom: 10px;
+    // border-bottom: 1px solid #e9e9e9;
 
     > span {
       padding-left: 6px;