From ef782e90b619eb696434b463c79f16472ec7cafb Mon Sep 17 00:00:00 2001
From: xuziqiang <1344691446@qq.com>
Date: Fri, 28 Jun 2024 16:46:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20ns-tree-api=E8=A1=A5=E5=85=85=E7=B2=98?=
 =?UTF-8?q?=E6=80=A7=E5=AE=9A=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hx-op/src/enum/http-enum.ts     | 10 ++++++++++
 lib/component/tree/props.ts     |  1 +
 lib/component/tree/tree-api.vue | 36 ++++++++++++++++++++++++++----------
 lib/saas/theme/global.less      |  2 +-
 4 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/hx-op/src/enum/http-enum.ts b/hx-op/src/enum/http-enum.ts
index 1235bea..f54a759 100644
--- a/hx-op/src/enum/http-enum.ts
+++ b/hx-op/src/enum/http-enum.ts
@@ -1,3 +1,5 @@
+import { routerConfig } from '/nerv-lib/saas/config/router.config';
+
 export enum ResultEnum {
   SUCCESS = 0,
   ERROR = 1,
@@ -20,3 +22,11 @@ export enum ContentTypeEnum {
   // form-data  upload
   FORM_DATA = 'multipart/form-data;charset=UTF-8',
 }
+
+export const errCodeMap = new Map<number, any>([
+  [13, ''],
+  [1, ''],
+  [11, ''],
+  [3005, ''],
+  [10086, () => routerConfig.logout()],
+]);
diff --git a/lib/component/tree/props.ts b/lib/component/tree/props.ts
index 5310cba..3b73358 100644
--- a/lib/component/tree/props.ts
+++ b/lib/component/tree/props.ts
@@ -39,6 +39,7 @@ export const treeProps = {
   defaultExpandAll: PropTypes.bool.def(true),
   resultField: PropTypes.string.def('data'),
   header: PropTypes.object,
+  isSticky: PropTypes.bool.def(true),
   transform: {
     type: Function,
     default: (data: any) => data,
diff --git a/lib/component/tree/tree-api.vue b/lib/component/tree/tree-api.vue
index f644c24..f2d9009 100644
--- a/lib/component/tree/tree-api.vue
+++ b/lib/component/tree/tree-api.vue
@@ -1,11 +1,13 @@
 <template>
   <a-spin :spinning="treeState.loading">
-    <div v-if="header" class="ns-tree-title">
-      <ns-icon :name="header.icon" size="14" />
-      <span>{{ header.title }}</span>
-    </div>
-    <div v-if="!formConfig?.schema">
-      <ns-form ref="formElRef" v-bind="formConfig" :model="formModel" @finish="formFinish" />
+    <div class="ns-tree-form">
+      <div v-if="header" class="ns-tree-title">
+        <ns-icon :name="header.icon" size="14" />
+        <span>{{ header.title }}</span>
+      </div>
+      <div v-if="!formConfig?.schema">
+        <ns-form ref="formElRef" v-bind="formConfig" :model="formModel" @finish="formFinish" />
+      </div>
     </div>
     <div>
       <ns-tree v-if="treeData?.length" v-bind="getBindValue" v-model:selectedKeys="selectedKeys">
@@ -49,6 +51,9 @@
       ...props.formConfig,
     };
   });
+  const isSticky: any = computed(() => {
+    return props.isSticky ? 'sticky' : 'static';
+  });
   const formFinish = debounce((data: object) => {
     getData(data);
   }, 200);
@@ -87,26 +92,37 @@
   getData();
 </script>
 <style lang="less" scoped>
+  @gap: 16px;
   :deep(.ant-form-item) {
-    margin-bottom: 16px;
+    margin-bottom: @gap;
   }
 
   :deep(.ns-form::after) {
     display: none;
   }
+  .ns-tree-form {
+    position: v-bind(isSticky);
+    top: 0;
+    background-color: @white;
+    z-index: 2;
+    & ~ div {
+      padding: 0 @gap !important;
+    }
+  }
 
   .ns-tree-title {
     font-weight: bold;
     user-select: text;
-    padding: 16px;
-    margin-bottom: 16px;
+    padding: @gap;
+    margin-bottom: @gap;
     padding-bottom: 10px;
     border-bottom: 1px solid #e9e9e9;
+
     > span {
       padding-left: 6px;
     }
     & ~ div {
-      padding: 0 16px !important;
+      padding: 0 @gap !important;
     }
   }
 </style>
diff --git a/lib/saas/theme/global.less b/lib/saas/theme/global.less
index 48f8c5d..0f0ff76 100644
--- a/lib/saas/theme/global.less
+++ b/lib/saas/theme/global.less
@@ -77,7 +77,7 @@
 
 ::-webkit-scrollbar {
   width: 6px;
-  height: 8px;
+  height: 6px;
 }
 
 ::-webkit-scrollbar-track {