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) {