From 4bbb5c5133a0db39a95dde3cf7dbe548b04834db Mon Sep 17 00:00:00 2001
From: xuziqiang <1344691446@qq.com>
Date: Thu, 4 Jul 2024 11:19:38 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BB=84=E4=BB=B6=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/component/tree/tree-api.vue        | 19 ++++++++++---------
 lib/saas/view/system/layout/header.vue |  3 +++
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/lib/component/tree/tree-api.vue b/lib/component/tree/tree-api.vue
index d30d25c..946de7a 100644
--- a/lib/component/tree/tree-api.vue
+++ b/lib/component/tree/tree-api.vue
@@ -1,14 +1,15 @@
 <template>
-  <div class="ns-tree-form">
-    <div v-show="header" class="ns-tree-title">
-      <ns-icon :name="header.icon" size="14" />
-      <span>{{ header.title }}</span>
-    </div>
-    <div v-show="!formConfig?.schema">
-      <ns-form ref="formElRef" v-bind="formConfig" :model="formModel" @finish="formFinish" />
-    </div>
-  </div>
   <a-spin :spinning="treeState.loading">
+    <div class="ns-tree-form">
+      <div v-show="header" class="ns-tree-title">
+        <ns-icon :name="header.icon" size="14" />
+        <span>{{ header.title }}</span>
+      </div>
+      <div v-show="!formConfig?.schema">
+        <ns-form ref="formElRef" v-bind="formConfig" :model="formModel" @finish="formFinish" />
+      </div>
+    </div>
+
     <div style="min-height: 300px">
       <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">
diff --git a/lib/saas/view/system/layout/header.vue b/lib/saas/view/system/layout/header.vue
index dff9f93..4752241 100644
--- a/lib/saas/view/system/layout/header.vue
+++ b/lib/saas/view/system/layout/header.vue
@@ -436,6 +436,9 @@
       line-height: 40px;
       color: @primary-color;
       text-align: left;
+      overflow: hidden;
+      text-wrap: nowrap;
+      text-overflow: ellipsis;
     }
   }
   :deep(.header-menu .ant-menu-title-content) {