From d654588e65d44cc193c124b0a5d77cfd1d53346f Mon Sep 17 00:00:00 2001
From: xuziqiang <1344691446@qq.com>
Date: Tue, 25 Jun 2024 14:52:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=94=A8=E6=88=B7=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hx-ai-intelligent/src/icon/deptLink.svg            |   4 +
 hx-ai-intelligent/src/icon/orgLink.svg             |   4 +
 .../view/organizationManage/usermanage/index.vue   | 982 +++++++++++----------
 lib/component/tree/props.ts                        |   1 +
 lib/component/tree/tree-api.vue                    |  61 +-
 lib/saas/asset/icon/noResource.svg                 |  10 +
 lib/saas/view/service/error-403.vue                |   3 +-
 lib/util/http/axios.ts                             |   1 +
 8 files changed, 571 insertions(+), 495 deletions(-)
 create mode 100644 hx-ai-intelligent/src/icon/deptLink.svg
 create mode 100644 hx-ai-intelligent/src/icon/orgLink.svg
 create mode 100644 lib/saas/asset/icon/noResource.svg

diff --git a/hx-ai-intelligent/src/icon/deptLink.svg b/hx-ai-intelligent/src/icon/deptLink.svg
new file mode 100644
index 0000000..5e2f3d4
--- /dev/null
+++ b/hx-ai-intelligent/src/icon/deptLink.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.989990234375" height="11.1085205078125" viewBox="0 0 11.989990234375 11.1085205078125" fill="none">
+<path d="M11.4607 7.93429L10.704 7.93429L10.704 6.36826C10.704 5.93552 10.3055 5.58339 9.81754 5.58339L6.4082 5.58339L6.4082 3.96776L7.62086 3.96776C7.91499 3.96776 8.15565 3.74458 8.15565 3.47179L8.15565 0.495972C8.15565 0.223183 7.91499 0 7.62086 0L4.41207 0C4.11794 0 3.87727 0.223183 3.87727 0.495972L3.87727 3.47179C3.87727 3.74458 4.11794 3.96776 4.41207 3.96776L5.57927 3.96776L5.57927 5.58339L2.18999 5.58339C1.70065 5.58339 1.30357 5.93552 1.30357 6.36826L1.30357 7.93429L0.534798 7.93429C0.240654 7.93429 0 8.15747 0 8.43025L0 10.6125C0 10.8853 0.240654 11.1085 0.534798 11.1085L2.8879 11.1085C3.18204 11.1085 3.4227 10.8853 3.4227 10.6125L3.4227 8.43025C3.4227 8.15747 3.18204 7.93429 2.8879 7.93429L2.13116 7.93429L2.13116 6.37321C2.13651 6.36578 2.15657 6.35213 2.18865 6.35213L5.57793 6.35213L5.57793 7.93429L4.8252 7.93429C4.53107 7.93429 4.29041 8.15747 4.29041 8.43025L4.29041 10.6125C4.29041 10.8853 4.53107 11.1085 4.8252 11.1085L7.17831 11.1085C7.47245 11.1085 7.7131 10.8853 7.7131 10.6125L7.7131 8.43025C7.7131 8.15747 7.47245 7.93429 7.17831 7.93429L6.40553 7.93429L6.40553 6.35213L9.81352 6.35213C9.84561 6.35213 9.86566 6.36578 9.87102 6.37321L9.87102 7.93429L9.10224 7.93429C8.80811 7.93429 8.56744 8.15747 8.56744 8.43026L8.56744 10.6125C8.56744 10.8853 8.80811 11.1085 9.10224 11.1085L11.4553 11.1085C11.7495 11.1085 11.9901 10.8853 11.9901 10.6125L11.9901 8.43026C11.9955 8.15747 11.7548 7.93429 11.4607 7.93429Z"   fill="#4388FB" >
+</path>
+</svg>
diff --git a/hx-ai-intelligent/src/icon/orgLink.svg b/hx-ai-intelligent/src/icon/orgLink.svg
new file mode 100644
index 0000000..b4bce49
--- /dev/null
+++ b/hx-ai-intelligent/src/icon/orgLink.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.0859375" height="10.474609375" viewBox="0 0 12.0859375 10.474609375" fill="none">
+<path d="M11.6831 9.66875L11.2802 9.66875L11.2802 4.02865C11.2802 3.14235 10.5551 2.41719 9.66875 2.41719L7.25156 2.41719L7.25156 9.26588C7.25156 9.49149 7.0743 9.66875 6.8487 9.66875C6.62309 9.66875 6.44583 9.49149 6.44583 9.26588L6.44583 1.61147C6.44583 0.725159 5.72068 0 4.83437 0L2.41719 0C1.53089 0 0.805729 0.725159 0.805729 1.61147L0.805729 9.66875L0.402865 9.66875C0.17726 9.66875 0 9.84601 0 10.0716C0 10.2972 0.17726 10.4745 0.402865 10.4745L11.6831 10.4745C11.9087 10.4745 12.0859 10.2972 12.0859 10.0716C12.0859 9.84601 11.9087 9.66875 11.6831 9.66875ZM4.43151 8.0573L2.82005 8.0573C2.59445 8.0573 2.41719 7.88004 2.41719 7.65443C2.41719 7.42883 2.59445 7.25156 2.82005 7.25156L4.43151 7.25156C4.65711 7.25156 4.83437 7.42883 4.83437 7.65443C4.83437 7.88004 4.65711 8.0573 4.43151 8.0573ZM4.43151 5.64011L2.82005 5.64011C2.59445 5.64011 2.41719 5.46284 2.41719 5.23724C2.41719 5.01164 2.59445 4.83438 2.82005 4.83438L4.43151 4.83438C4.65711 4.83438 4.83437 5.01164 4.83437 5.23724C4.83437 5.46284 4.65711 5.64011 4.43151 5.64011ZM4.43151 3.22292L2.82005 3.22292C2.59445 3.22292 2.41719 3.04565 2.41719 2.82005C2.41719 2.59445 2.59445 2.41719 2.82005 2.41719L4.43151 2.41719C4.65711 2.41719 4.83437 2.59445 4.83437 2.82005C4.83437 3.04565 4.65711 3.22292 4.43151 3.22292ZM10.0716 8.0573L8.46016 8.0573C8.23455 8.0573 8.05729 7.88004 8.05729 7.65443C8.05729 7.42883 8.23455 7.25156 8.46016 7.25156L10.0716 7.25156C10.2972 7.25156 10.4745 7.42883 10.4745 7.65443C10.4745 7.88004 10.2972 8.0573 10.0716 8.0573ZM10.0716 5.64011L8.46016 5.64011C8.23455 5.64011 8.05729 5.46284 8.05729 5.23724C8.05729 5.01164 8.23455 4.83438 8.46016 4.83438L10.0716 4.83438C10.2972 4.83438 10.4745 5.01164 10.4745 5.23724C10.4745 5.46284 10.2972 5.64011 10.0716 5.64011Z"   fill="#4388FB" >
+</path>
+</svg>
diff --git a/hx-ai-intelligent/src/view/organizationManage/usermanage/index.vue b/hx-ai-intelligent/src/view/organizationManage/usermanage/index.vue
index 809d6b6..3eb3549 100644
--- a/hx-ai-intelligent/src/view/organizationManage/usermanage/index.vue
+++ b/hx-ai-intelligent/src/view/organizationManage/usermanage/index.vue
@@ -4,26 +4,14 @@
   <div class="main">
     <div class="left">
       <div class="top">
-        <div class="ns-table-title">关联企业</div>
-        <div>
-          <a-input-search
-            v-model:value="searchValue"
-            style="margin-bottom: 8px"
-            placeholder="请输入关联企业"
-            @search="onSearch" />
-          <a-tree
-            v-if="treeData?.length"
-            :tree-data="treeData"
-            defaultExpandAll
-            @select="handleSelect">
-            <template #title="data">
-              {{ data.orgInfo?.orgName }}
-            </template>
-          </a-tree>
-        </div>
+        <ns-tree-api v-bind="orgTreeConfig" @select="handleSelect">
+          <template #title="data">
+            {{ data.orgInfo?.orgName }}
+          </template>
+        </ns-tree-api>
       </div>
       <div class="top">
-        <div class="ns-table-title">关联部门</div>
+        <!-- <div class="ns-table-title">关联部门</div>
 
         <a-input-search
           v-model:value="searchValue2"
@@ -38,7 +26,12 @@
           <template #title="data">
             {{ data.deptInfo?.deptName }}
           </template>
-        </a-tree>
+        </a-tree> -->
+        <ns-tree-api v-bind="deptTreeConfig" @select="handleSelect2">
+          <template #title="data">
+            {{ data.deptInfo?.deptName }}
+          </template>
+        </ns-tree-api>
       </div>
     </div>
     <div class="right">
@@ -87,520 +80,551 @@
     </a-modal>
   </div>
 </template>
-<script lang="ts">
+<script lang="ts" setup>
   import { computed, createVNode, defineComponent, reactive, ref, watchEffect } from 'vue';
   import { http } from '/nerv-lib/util/http';
   import { NsMessage, NsModal } from '/nerv-lib/component';
   import { formConfig, formConfig2 } from './config';
   import { origanizemanage } from '/@/api/origanizemanage';
 
-  export default defineComponent({
-    name: 'OrderListIndex',
-    setup() {
-      const mainRef = ref();
-      const data = reactive({});
-      let formData = ref({});
-      let formData2 = ref({});
-      const formRef = ref();
-      const modalFormRef = ref();
-      const visible = ref(false);
-      const addformvisible = ref(false);
-      const searchValue = ref<string>('');
-      const searchValue2 = ref<string>('');
-      const disabled = ref(false);
+  defineOptions({ name: 'OrderListIndex' });
 
-      const opMap: any = ref({
-        type: 'add',
-        fuc: () => {},
-        record: {},
-      });
-      watchEffect(() => {
-        disabled.value = opMap.value.type === 'edit';
-      });
-      const formSchema = formConfig(disabled);
-      const casData = ref([]);
-      const formSchema2 = formConfig2(casData);
-      const treeData = ref([]);
-      const treeData2 = ref([]);
-      const userAuthList = ref([]);
-      const orgId = JSON.parse(sessionStorage.getItem('userInfo')).orgId;
+  const mainRef = ref();
+  const data = reactive({});
+  let formData = ref({});
+  let formData2 = ref({});
+  const formRef = ref();
+  const modalFormRef = ref();
+  const visible = ref(false);
+  const addformvisible = ref(false);
+  const searchValue = ref<string>('');
+  const searchValue2 = ref<string>('');
+  const disabled = ref(false);
 
-      const dynamicDisabled = computed(() => {
-        return formRef.value?.validateResult && userAuthList.value?.length;
+  const opMap: any = ref({
+    type: 'add',
+    fuc: () => {},
+    record: {},
+  });
+  watchEffect(() => {
+    disabled.value = opMap.value.type === 'edit';
+  });
+  const formSchema = formConfig(disabled);
+  const casData = ref([]);
+  const formSchema2 = formConfig2(casData);
+  const treeData = ref([]);
+  const treeData2 = ref([]);
+  const userAuthList = ref([]);
+  const orgId = JSON.parse(sessionStorage.getItem('userInfo')).orgId;
+  const orgTreeConfig = ref({
+    defaultExpandAll: true,
+    api: origanizemanage.queryOrgTree,
+    defaultParams: { orgId },
+    transform: (data) => {
+      const otherOrg = data[0].listOrg;
+      let treeData = [];
+      // 特殊处理
+      if (data[0].orgInfo) {
+        treeData = data;
+      }
+      otherOrg?.map((item) => {
+        treeData.push({ orgInfo: item } as never);
       });
-      const fetch = (api, params = { orgId }) => {
-        return http.post(api, params);
-      };
+      return treeData;
+    },
+    header: {
+      title: '关联企业',
+      icon: 'orgLink',
+    },
+    formConfig: {
+      schemas: [
+        {
+          field: 'orgName',
+          component: 'NsInput',
+          autoSubmit: true,
+          componentProps: {
+            placeholder: '请输入企业名称',
+          },
+        },
+      ],
+    },
+  });
+  const deptTreeConfig = ref({
+    defaultExpandAll: true,
+    api: origanizemanage.queryDeptTree,
+    defaultParams: { orgId },
 
-      // 企业树
-      const getOrgTree = (params?) => {
-        fetch(origanizemanage.queryOrgTree, params).then((res) => {
-          const otherOrg = res.data[0].listOrg;
-          // 特殊处理
-          if (res.data[0].orgInfo) {
-            treeData.value = res.data;
-          }
-          otherOrg?.map((item) => {
-            treeData.value.push({ orgInfo: item } as never);
-          });
-        });
-      };
-      getOrgTree();
-      // 部门树
-      fetch(origanizemanage.queryDeptTree).then((res) => {
-        treeData2.value = res.data;
+    header: {
+      title: '关联部门',
+      icon: 'deptLink',
+    },
+    formConfig: {
+      schemas: [
+        {
+          field: 'deptName',
+          component: 'NsInput',
+          autoSubmit: true,
+          componentProps: {
+            placeholder: '请输入部门名称',
+          },
+        },
+      ],
+    },
+  });
+  const dynamicDisabled = computed(() => {
+    return formRef.value?.validateResult && userAuthList.value?.length;
+  });
+  const fetch = (api, params = { orgId }) => {
+    return http.post(api, params);
+  };
+
+  // 企业树
+  const getOrgTree = (params?) => {
+    fetch(origanizemanage.queryOrgTree, params).then((res) => {
+      const otherOrg = res.data[0].listOrg;
+      // 特殊处理
+      if (res.data[0].orgInfo) {
+        treeData.value = res.data;
+      }
+      otherOrg?.map((item) => {
+        treeData.value.push({ orgInfo: item } as never);
       });
+    });
+  };
+  getOrgTree();
+  // 部门树
+  fetch(origanizemanage.queryDeptTree).then((res) => {
+    treeData2.value = res.data;
+  });
 
-      const onSearch = () => {
-        console.log(searchValue.value);
-        getOrgTree({ orgName: searchValue.value, orgId });
-      };
-      const onSearch2 = () => {
-        console.log(searchValue2.value);
-        fetch(origanizemanage.queryDeptTree, { deptName: searchValue2.value, orgId }).then(
-          (res) => {
-            treeData2.value = res.data;
-          },
-        );
-      };
+  const onSearch = () => {
+    console.log(searchValue.value);
+    getOrgTree({ orgName: searchValue.value, orgId });
+  };
+  const onSearch2 = () => {
+    console.log(searchValue2.value);
+    fetch(origanizemanage.queryDeptTree, { deptName: searchValue2.value, orgId }).then((res) => {
+      treeData2.value = res.data;
+    });
+  };
 
-      const tableFetch = (params) => {
-        console.log(mainRef.value);
+  const tableFetch = (params) => {
+    console.log(mainRef.value);
 
-        tableConfig.value.params = {
-          ...mainRef.value.params,
-          ...params,
-        };
+    tableConfig.value.params = {
+      ...mainRef.value.params,
+      ...params,
+    };
 
-        mainRef.value?.nsTableRef.reload();
-      };
+    mainRef.value?.nsTableRef.reload();
+  };
 
-      const handleSelect = (selectedKeys: any, info: any) => {
-        fetch(origanizemanage.queryDeptTree, { orgId: info.node?.orgInfo.orgId }).then((res) => {
-          treeData2.value = res.data;
-        });
-        tableFetch({ orgId: info.node?.orgInfo.orgId });
-      };
+  const handleSelect = (selectedKeys: any, info: any) => {
+    fetch(origanizemanage.queryDeptTree, { orgId: info.node?.orgInfo.orgId }).then((res) => {
+      treeData2.value = res.data;
+    });
+    tableFetch({ orgId: info.node?.orgInfo.orgId });
+  };
 
-      const handleSelect2 = (selectedKeys: any, info: any) => {
-        tableFetch({ deptId: info.node?.deptInfo.deptId });
-      };
+  const handleSelect2 = (selectedKeys: any, info: any) => {
+    tableFetch({ deptId: info.node?.deptInfo.deptId });
+  };
 
-      const onClose = () => {
-        visible.value = false;
-        formData.value = {};
-        userAuthList.value.splice(0);
-      };
+  const onClose = () => {
+    visible.value = false;
+    formData.value = {};
+    userAuthList.value.splice(0);
+  };
 
-      const onEdit = () => {
-        formRef.value?.triggerSubmit().then(() => {
-          console.log(formData.value, 'formData.value');
-          if (!userAuthList.value.length) {
-            NsMessage.error('请添加用户权限');
-            return;
-          }
+  const onEdit = () => {
+    formRef.value?.triggerSubmit().then(() => {
+      console.log(formData.value, 'formData.value');
+      if (!userAuthList.value.length) {
+        NsMessage.error('请添加用户权限');
+        return;
+      }
 
-          opMap.value.fuc &&
-            opMap.value.fuc({ ...formData.value, userRoleList: userAuthList.value, orgId });
-        });
-      };
+      opMap.value.fuc &&
+        opMap.value.fuc({ ...formData.value, userRoleList: userAuthList.value, orgId });
+    });
+  };
 
-      const handleOk = () => {
-        if (casData.value?.length !== 3) {
-          NsMessage.error('未选择角色');
-        }
-        const currentOrgId = casData.value[0].value;
-        const isSameOrg = userAuthList.value.filter(({ orgId }) => {
-          return orgId === currentOrgId;
-        });
-        if (isSameOrg?.length) {
-          NsMessage.error('同一组织只能添加一个角色');
-          return;
-        }
-        console.log(casData.value, userAuthList.value, 'formData2.value');
+  const handleOk = () => {
+    if (casData.value?.length !== 3) {
+      NsMessage.error('未选择角色');
+    }
+    const currentOrgId = casData.value[0].value;
+    const isSameOrg = userAuthList.value.filter(({ orgId }) => {
+      return orgId === currentOrgId;
+    });
+    if (isSameOrg?.length) {
+      NsMessage.error('同一组织只能添加一个角色');
+      return;
+    }
+    console.log(casData.value, userAuthList.value, 'formData2.value');
 
-        const str = casData.value.map((item) => item?.label).join('/');
-        userAuthList.value.push({
-          deptRoleInfoList: str,
-          roleId: casData.value[2].value,
-          roleName: casData.value[2].label,
-          orgId: casData.value[0].value,
-        } as never);
-        handleClose();
-      };
-      const handleClose = () => {
-        addformvisible.value = false;
-        casData.value = [];
-        modalFormRef.value.reset();
-      };
+    const str = casData.value.map((item) => item?.label).join('/');
+    userAuthList.value.push({
+      deptRoleInfoList: str,
+      roleId: casData.value[2].value,
+      roleName: casData.value[2].label,
+      orgId: casData.value[0].value,
+    } as never);
+    handleClose();
+  };
+  const handleClose = () => {
+    addformvisible.value = false;
+    casData.value = [];
+    modalFormRef.value.reset();
+  };
 
-      const tableConfig = ref({
-        title: '用户管理',
-        api: origanizemanage.userList,
-        params: {
-          orgId,
+  const tableConfig = ref({
+    title: '用户管理',
+    api: origanizemanage.userList,
+    params: {
+      orgId,
+    },
+    headerActions: [
+      {
+        label: '新增',
+        name: 'userAdd',
+        type: 'primary',
+        handle: () => {
+          opMap.value.type = 'add';
+          setTimeout(() => {
+            formData.value = {
+              orgName: JSON.parse(sessionStorage.getItem('userInfo')).orgName,
+            };
+            userAuthList.value.splice(0);
+          });
+          opMap.value.fuc = (formData: any) => {
+            return http.post(origanizemanage.addUser, formData).then(() => {
+              mainRef.value?.nsTableRef.reload();
+              visible.value = false;
+              NsMessage.success('操作成功');
+            });
+          };
+          visible.value = true;
+        },
+      },
+      {
+        label: '导入',
+        type: 'primary',
+        name: 'userImport',
+        handle: () => {},
+      },
+      {
+        label: '模板下载',
+        type: 'primary',
+        name: 'userTemDownload',
+        handle: () => {},
+      },
+      {
+        label: '导出',
+        type: 'primary',
+        name: 'userExports',
+      },
+      {
+        label: '批量删除',
+        type: 'primary',
+        name: 'userBatchDel',
+        dynamicDisabled: (data: any) => {
+          return data.list.length === 0;
+        },
+        confirm: true,
+        isReload: true,
+        api: origanizemanage.batchDel,
+        dynamicParams: { userIds: 'userId[]' },
+      },
+    ],
+    columns: [
+      {
+        title: '序号',
+        dataIndex: 'address',
+        customRender: (text: any) => {
+          return text.index + 1;
+        },
+        sorter: {
+          compare: (a, b) => a.address - b.address,
+        },
+      },
+      {
+        title: '账号',
+        dataIndex: 'accountNo',
+        sorter: {
+          compare: (a, b) => a.accountNo - b.accountNo,
+        },
+      },
+      {
+        title: '姓名',
+        dataIndex: 'realName',
+        sorter: {
+          compare: (a, b) => a.realName - b.realName,
+        },
+      },
+      {
+        title: '性别',
+        dataIndex: 'sex',
+        sorter: {
+          compare: (a, b) => a.name - b.name,
+        },
+      },
+      {
+        title: '手机号',
+        dataIndex: 'telephone',
+      },
+      {
+        title: '邮箱',
+        dataIndex: 'email',
+      },
+      {
+        title: '组织关系',
+        dataIndex: 'orgName',
+      },
+      {
+        title: '部门/角色',
+        dataIndex: 'userRoleInfos',
+        customRender: ({ value }) => {
+          if (!value) return '-';
+          return createVNode('div', {}, [
+            createVNode('span', {}, value[0]?.deptRoleInfoList),
+            value.length > 1 &&
+              createVNode(
+                'a',
+                {
+                  onClick: () =>
+                    NsModal.info({
+                      icon: null,
+                      content: createVNode('div', {
+                        innerHTML: value.map((item) => item?.deptRoleInfoList).join('<br>'),
+                      }),
+                    }),
+                },
+                `+${value.length}`,
+              ),
+          ]);
         },
-        headerActions: [
-          {
-            label: '新增',
-            name: 'userAdd',
-            type: 'primary',
-            handle: () => {
-              opMap.value.type = 'add';
-              setTimeout(() => {
-                formData.value = {
-                  orgName: JSON.parse(sessionStorage.getItem('userInfo')).orgName,
-                };
-                userAuthList.value.splice(0);
+      },
+      {
+        title: '状态',
+        dataIndex: 'userStatus',
+        customRender: ({ value }) => ['正常', '冻结'][value],
+      },
+    ],
+    columnActions: {
+      title: '操作',
+      actions: [
+        {
+          label: '编辑',
+          name: 'userEdit',
+          // dynamicParams: 'uuid',
+          handle: (record: any) => {
+            userAuthList.value.splice(0);
+            setTimeout(() => {
+              formData.value = record;
+              userAuthList.value.push(...record.userRoleInfos);
+            }, 10);
+            opMap.value.type = 'edit';
+            opMap.value.fuc = (formData: any) => {
+              return http.post(origanizemanage.editUser, formData).then(() => {
+                mainRef.value?.nsTableRef.reload();
+                visible.value = false;
+                NsMessage.success('操作成功');
               });
-              opMap.value.fuc = (formData: any) => {
-                return http.post(origanizemanage.addUser, formData).then(() => {
-                  mainRef.value?.nsTableRef.reload();
-                  visible.value = false;
-                  NsMessage.success('操作成功');
-                });
-              };
-              visible.value = true;
-            },
+            };
+            visible.value = true;
           },
-          {
-            label: '导入',
-            type: 'primary',
-            name: 'userImport',
-            handle: () => {},
-          },
-          {
-            label: '模板下载',
-            type: 'primary',
-            name: 'userTemDownload',
-            handle: () => {},
-          },
-          {
-            label: '导出',
-            type: 'primary',
-            name: 'userExports',
-          },
-          {
-            label: '批量删除',
-            type: 'primary',
-            name: 'userBatchDel',
-            dynamicDisabled: (data: any) => {
-              return data.list.length === 0;
-            },
-            confirm: true,
-            isReload: true,
-            api: origanizemanage.batchDel,
-            dynamicParams: { userIds: 'userId[]' },
-          },
-        ],
-        columns: [
-          {
-            title: '序号',
-            dataIndex: 'address',
-            customRender: (text: any) => {
-              return text.index + 1;
-            },
-            sorter: {
-              compare: (a, b) => a.address - b.address,
-            },
-          },
-          {
-            title: '账号',
-            dataIndex: 'accountNo',
-            sorter: {
-              compare: (a, b) => a.accountNo - b.accountNo,
-            },
-          },
-          {
-            title: '姓名',
-            dataIndex: 'realName',
-            sorter: {
-              compare: (a, b) => a.realName - b.realName,
-            },
-          },
-          {
-            title: '性别',
-            dataIndex: 'sex',
-            sorter: {
-              compare: (a, b) => a.name - b.name,
-            },
-          },
-          {
-            title: '手机号',
-            dataIndex: 'telephone',
+        },
+        {
+          label: '冻结',
+          name: 'userFrozen',
+          confirm: true,
+          defaultParams: { userStatus: 1 },
+          dynamicParams: 'userId',
+          isReload: true,
+          ifShow: ({ userStatus }) => userStatus === 0,
+          api: origanizemanage.frozen,
+        },
+        {
+          label: '解冻',
+          name: 'userUnFrozen',
+          confirm: true,
+          defaultParams: { userStatus: 0 },
+          dynamicParams: 'userId',
+          ifShow: ({ userStatus }) => userStatus === 1,
+          isReload: true,
+          api: origanizemanage.frozen,
+        },
+        {
+          label: '重置密码',
+          name: 'userCodeReset',
+          confirm: true,
+          handle: ({ userId }: any) => {
+            http
+              .post(origanizemanage.resetPwd, { userId, password: 123456 })
+              .then(() => NsModal.success({ content: '密码重置成功,初始密码123456' }));
           },
-          {
-            title: '邮箱',
-            dataIndex: 'email',
+        },
+        {
+          label: '删除',
+          name: 'userDelete',
+          dynamicParams: 'userId',
+          confirm: true,
+          isReload: true,
+          api: origanizemanage.del,
+        },
+      ],
+    },
+
+    formConfig: {
+      schemas: [
+        {
+          field: 'accountNo',
+          label: '账号名',
+          component: 'NsInput',
+          componentProps: {
+            placeholder: '请输入账号名',
+            maxLength: 30,
           },
-          {
-            title: '组织关系',
-            dataIndex: 'orgName',
+        },
+        {
+          field: 'realName',
+          label: '姓名',
+          component: 'NsInput',
+          componentProps: {
+            placeholder: '请输入姓名',
+            maxLength: 30,
           },
-          {
-            title: '部门/角色',
-            dataIndex: 'userRoleInfos',
-            customRender: ({ value }) => {
-              if (!value) return '-';
-              return createVNode('div', {}, [
-                createVNode('span', {}, value[0]?.deptRoleInfoList),
-                value.length > 1 &&
-                  createVNode(
-                    'a',
-                    {
-                      onClick: () =>
-                        NsModal.info({
-                          icon: null,
-                          content: createVNode('div', {
-                            innerHTML: value.map((item) => item?.deptRoleInfoList).join('<br>'),
-                          }),
-                        }),
-                    },
-                    `+${value.length}`,
-                  ),
-              ]);
-            },
+        },
+        {
+          field: 'telephone',
+          label: '手机号',
+          component: 'NsInput',
+          componentProps: {
+            placeholder: '请输入手机号',
+            maxLength: 11,
           },
-          {
-            title: '状态',
-            dataIndex: 'userStatus',
-            customRender: ({ value }) => ['正常', '冻结'][value],
+        },
+        {
+          field: 'email',
+          label: '邮箱',
+          component: 'NsInput',
+          componentProps: {
+            placeholder: '请输入邮箱',
+            maxLength: 30,
           },
-        ],
-        columnActions: {
-          title: '操作',
-          actions: [
-            {
-              label: '编辑',
-              name: 'userEdit',
-              // dynamicParams: 'uuid',
-              handle: (record: any) => {
-                userAuthList.value.splice(0);
-                setTimeout(() => {
-                  formData.value = record;
-                  userAuthList.value.push(...record.userRoleInfos);
-                }, 10);
-                opMap.value.type = 'edit';
-                opMap.value.fuc = (formData: any) => {
-                  return http.post(origanizemanage.editUser, formData).then(() => {
-                    mainRef.value?.nsTableRef.reload();
-                    visible.value = false;
-                    NsMessage.success('操作成功');
-                  });
-                };
-                visible.value = true;
-              },
-            },
-            {
-              label: '冻结',
-              name: 'userFrozen',
-              confirm: true,
-              defaultParams: { userStatus: 1 },
-              dynamicParams: 'userId',
-              isReload: true,
-              ifShow: ({ userStatus }) => userStatus === 0,
-              api: origanizemanage.frozen,
-            },
-            {
-              label: '解冻',
-              name: 'userUnFrozen',
-              confirm: true,
-              defaultParams: { userStatus: 0 },
-              dynamicParams: 'userId',
-              ifShow: ({ userStatus }) => userStatus === 1,
-              isReload: true,
-              api: origanizemanage.frozen,
-            },
-            {
-              label: '重置密码',
-              name: 'userCodeReset',
-              confirm: true,
-              handle: ({ userId }: any) => {
-                http
-                  .post(origanizemanage.resetPwd, { userId, password: 123456 })
-                  .then(() => NsModal.success({ content: '密码重置成功,初始密码123456' }));
-              },
-            },
-            {
-              label: '删除',
-              name: 'userDelete',
-              dynamicParams: 'userId',
-              confirm: true,
-              isReload: true,
-              api: origanizemanage.del,
-            },
-          ],
         },
-
-        formConfig: {
-          schemas: [
-            {
-              field: 'accountNo',
-              label: '账号名',
-              component: 'NsInput',
-              componentProps: {
-                // placeholder: '请输入账号名',
-                maxLength: 30,
-              },
-            },
-            {
-              field: 'realName',
-              label: '姓名',
-              component: 'NsInput',
-              componentProps: {
-                // placeholder: '请输入姓名',
-                maxLength: 30,
-              },
-            },
-            {
-              field: 'telephone',
-              label: '手机号',
-              component: 'NsInput',
-              componentProps: {
-                // placeholder: '请输入手机号',
-                maxLength: 11,
-              },
-            },
-            {
-              field: 'email',
-              label: '邮箱',
-              component: 'NsInput',
-              componentProps: {
-                placeholder: '请输入邮箱',
-                maxLength: 30,
+        {
+          field: 'userStatus',
+          label: '用户状态',
+          component: 'NsSelect',
+          componentProps: {
+            allowClear: true,
+            placeholder: '请选择用户状态',
+            options: [
+              {
+                label: '正常',
+                value: 0,
               },
-            },
-            {
-              field: 'userStatus',
-              label: '用户状态',
-              component: 'NsSelect',
-              componentProps: {
-                allowClear: true,
-                options: [
-                  {
-                    label: '正常',
-                    value: 0,
-                  },
-                  {
-                    label: '冻结',
-                    value: 1,
-                  },
-                ],
+              {
+                label: '冻结',
+                value: 1,
               },
-            },
-          ],
-          params: {},
-        },
-        // pagination: { defaultPageSize: 10 },
-        rowKey: 'userId',
-      });
-      const tableConfig2 = {
-        // api: {
-        //   url: '/carbon_emission/device/getGatewayList',
-        //   method: 'post',
-        // },
-        value: userAuthList.value,
-        rowSelection: null,
-        headerActions: [
-          {
-            label: '新增',
-            name: 'userAdd',
-            type: 'primary',
-            handle: () => {
-              addformvisible.value = true;
-            },
-          },
-        ],
-        columns: [
-          {
-            title: '角色信息',
-            dataIndex: 'userRoleList',
-            customRender: ({ record }) => {
-              if (record) {
-                // const res = record.userAuthList.reduce((pre, cur) => {
-                //   pre.push(cur.label);
-                //   return pre;
-                // }, []);
-                return record.deptRoleInfoList;
-              }
-              return '-';
-            },
+            ],
           },
-        ],
-        columnActions: {
-          title: '操作',
-          actions: [
-            {
-              label: '删除',
-              name: 'userAdd',
-              confirm: true,
-              handle: (record: any, name: any, reload: any) => {
-                const id = record.roleId;
-                console.log(userAuthList.value, id);
-                let idx = 0;
-                userAuthList.value?.some((item, index) => {
-                  idx = index;
-                  if (item.roleId === id) return true;
-                });
-                userAuthList.value.splice(idx, 1);
-              },
-            },
-          ],
         },
-      };
-
-      return {
-        formRef,
-        tableConfig,
-        tableConfig2,
-        data,
-        mainRef,
-        visible,
-        addformvisible,
-        formSchema,
-        formSchema2,
-        formData,
-        formData2,
-        treeData,
-        treeData2,
-        searchValue,
-        searchValue2,
-        handleSelect,
-        handleSelect2,
-        onClose,
-        onEdit,
-        onSearch,
-        onSearch2,
-        handleOk,
-        handleClose,
-        dynamicDisabled,
-        modalFormRef,
-      };
+      ],
+      params: {},
     },
+    // pagination: { defaultPageSize: 10 },
+    rowKey: 'userId',
   });
+  const tableConfig2 = {
+    // api: {
+    //   url: '/carbon_emission/device/getGatewayList',
+    //   method: 'post',
+    // },
+    value: userAuthList.value,
+    rowSelection: null,
+    headerActions: [
+      {
+        label: '新增',
+        name: 'userAdd',
+        type: 'primary',
+        handle: () => {
+          addformvisible.value = true;
+        },
+      },
+    ],
+    columns: [
+      {
+        title: '角色信息',
+        dataIndex: 'userRoleList',
+        customRender: ({ record }) => {
+          if (record) {
+            // const res = record.userAuthList.reduce((pre, cur) => {
+            //   pre.push(cur.label);
+            //   return pre;
+            // }, []);
+            return record.deptRoleInfoList;
+          }
+          return '-';
+        },
+      },
+    ],
+    columnActions: {
+      title: '操作',
+      actions: [
+        {
+          label: '删除',
+          name: 'userAdd',
+          confirm: true,
+          handle: (record: any, name: any, reload: any) => {
+            const id = record.roleId;
+            console.log(userAuthList.value, id);
+            let idx = 0;
+            userAuthList.value?.some((item, index) => {
+              idx = index;
+              if (item.roleId === id) return true;
+            });
+            userAuthList.value.splice(idx, 1);
+          },
+        },
+      ],
+    },
+  };
 </script>
 <style lang="less" scoped>
   .main {
+    background-color: @ns-content-bg;
     display: flex;
   }
   .left {
-    width: 350px;
-    max-height: calc(100vh - 96px);
-    overflow: hidden;
-    border-right: 16px solid rgb(229, 235, 240);
+    width: 300px;
+    // max-height: calc(100vh - 96px);
+    margin-right: @ns-gap;
     min-width: fit-content;
+    > div {
+      border-radius: @ns-border-radius;
+      background-color: @white;
+      box-shadow: @ns-content-box-shadow;
+      flex: 1;
+    }
     .top:first-child {
-      border-bottom: 16px solid #e5ebf0;
+      margin-bottom: @ns-gap;
     }
+
+    display: flex;
+    flex-direction: column;
   }
   .right {
     flex: 1;
     min-width: 0;
   }
   .top {
-    height: 50%;
+    // height: 50%;
     // border-bottom: 5px solid rgb(229, 235, 240);
-    overflow-y: auto;
+    // overflow-y: auto;
   }
   .ns-table-title {
     text-align: left;
diff --git a/lib/component/tree/props.ts b/lib/component/tree/props.ts
index b6d7d52..5310cba 100644
--- a/lib/component/tree/props.ts
+++ b/lib/component/tree/props.ts
@@ -38,6 +38,7 @@ export const treeProps = {
   blockNode: PropTypes.bool.def(true),
   defaultExpandAll: PropTypes.bool.def(true),
   resultField: PropTypes.string.def('data'),
+  header: PropTypes.object,
   transform: {
     type: Function,
     default: (data: any) => data,
diff --git a/lib/component/tree/tree-api.vue b/lib/component/tree/tree-api.vue
index 3a9a851..c92cb4f 100644
--- a/lib/component/tree/tree-api.vue
+++ b/lib/component/tree/tree-api.vue
@@ -1,13 +1,19 @@
 <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>
-    <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 || {}"></slot>
-      </template>
-    </ns-tree>
+    <div>
+      <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 || {}"></slot>
+        </template>
+      </ns-tree>
+    </div>
   </a-spin>
 </template>
 <script lang="ts" setup>
@@ -17,13 +23,14 @@
   import { AxiosRequestConfig } from 'axios';
   import { get } from 'lodash-es';
   import { useRoute } from 'vue-router';
-  import { isEmpty } from 'lodash-es';
+  import { debounce } from 'lodash-es';
   import { treeProps, treeFormProps } from '/nerv-lib/component/tree/props';
   const formElRef = ref();
   defineOptions({
     name: 'NsTreeApi',
   });
   const props = defineProps(treeProps);
+
   const treeData = ref<TreeDataItem[]>([]);
   const selectedKeys = ref(props.defaultSelectedKeys || []);
   const { httpRequest } = useApi();
@@ -32,7 +39,7 @@
   const attrs = useAttrs();
   const formModel = reactive({});
   const treeState = reactive({
-    loading: true,
+    loading: false,
   });
   const formConfig = computed(() => {
     return {
@@ -40,9 +47,9 @@
       ...props.formConfig,
     };
   });
-  const formFinish = () => {
-    getData();
-  };
+  const formFinish = debounce((data: object) => {
+    getData(data);
+  }, 200);
   const getBindValue = computed(() => ({
     ...attrs,
     ...props,
@@ -55,19 +62,20 @@
     return { ...route.params, ...route.query, ...props.defaultParams };
   });
 
-  const getData = () => {
+  const getData = (params = {}) => {
     const { api, transform, resultField } = props;
     treeData.value = [];
     if (!api) return;
     setLoading(true);
     httpRequest({
       api,
-      params: httpPrams,
-      pathParams: { ...route.params, ...route.query },
-      requestConfig,
+      params: { ...httpPrams.value, ...params },
+      pathParams: { ...route.params, ...route.query, ...params },
+      requestConfig: { ...requestConfig, data: { ...httpPrams.value, ...params } },
     })
       .then((res) => {
         treeData.value = transform(get(res, resultField));
+        console.log(treeData.value, 'treeData.value');
       })
       .finally(() => {
         setLoading(false);
@@ -76,4 +84,27 @@
 
   getData();
 </script>
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+  :deep(.ant-form-item) {
+    margin-bottom: 16px;
+  }
+
+  :deep(.ns-form::after) {
+    display: none;
+  }
+
+  .ns-tree-title {
+    font-weight: bold;
+    user-select: text;
+    padding: 16px;
+    margin-bottom: 16px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid #e9e9e9;
+    > span {
+      padding-left: 6px;
+    }
+    & ~ div {
+      padding: 0 16px !important;
+    }
+  }
+</style>
diff --git a/lib/saas/asset/icon/noResource.svg b/lib/saas/asset/icon/noResource.svg
new file mode 100644
index 0000000..75a79ea
--- /dev/null
+++ b/lib/saas/asset/icon/noResource.svg
@@ -0,0 +1,10 @@
+<svg width="240" height="240" viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M118.392 154.493C143.026 154.493 162.996 150.761 162.996 146.158C162.996 141.556 143.026 137.824 118.392 137.824C93.7586 137.824 73.7891 141.556 73.7891 146.158C73.7891 150.761 93.7586 154.493 118.392 154.493Z" fill="#F5F5F7" fill-opacity="0.8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M154.075 121.674L138.335 102.303C137.58 101.391 136.476 100.839 135.314 100.839H101.471C100.31 100.839 99.2057 101.391 98.4504 102.303L82.7109 121.674V131.795H154.076V121.674H154.075Z" fill="#AEB8C2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M96.0456 75.8359H140.738C141.436 75.8359 142.106 76.1132 142.599 76.6067C143.093 77.1002 143.37 77.7696 143.37 78.4675V139.878C143.37 140.576 143.093 141.245 142.599 141.739C142.106 142.232 141.436 142.51 140.738 142.51H96.0456C95.3477 142.51 94.6784 142.232 94.1848 141.739C93.6913 141.245 93.4141 140.576 93.4141 139.878V78.4675C93.4141 77.7696 93.6913 77.1002 94.1848 76.6067C94.6784 76.1132 95.3477 75.8359 96.0456 75.8359V75.8359Z" fill="#F5F5F7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M101.866 82.3838H134.917C135.266 82.3838 135.601 82.5224 135.847 82.7692C136.094 83.0159 136.233 83.3506 136.233 83.6996V100.119C136.233 100.468 136.094 100.802 135.847 101.049C135.601 101.296 135.266 101.434 134.917 101.434H101.866C101.517 101.434 101.183 101.296 100.936 101.049C100.689 100.802 100.55 100.468 100.55 100.119V83.6996C100.55 83.3506 100.689 83.0159 100.936 82.7692C101.183 82.5224 101.517 82.3838 101.866 82.3838ZM102.039 108.577H134.745C135.139 108.577 135.518 108.734 135.797 109.013C136.076 109.292 136.233 109.671 136.233 110.065C136.233 110.46 136.076 110.839 135.797 111.118C135.518 111.397 135.139 111.554 134.745 111.554H102.039C101.644 111.554 101.265 111.397 100.986 111.118C100.707 110.839 100.55 110.46 100.55 110.065C100.55 109.671 100.707 109.292 100.986 109.013C101.265 108.734 101.644 108.577 102.039 108.577ZM102.039 116.316H134.745C135.139 116.316 135.518 116.473 135.797 116.752C136.076 117.031 136.233 117.41 136.233 117.805C136.233 118.199 136.076 118.578 135.797 118.857C135.518 119.136 135.139 119.293 134.745 119.293H102.039C101.644 119.293 101.265 119.136 100.986 118.857C100.707 118.578 100.55 118.199 100.55 117.805C100.55 117.41 100.707 117.031 100.986 116.752C101.265 116.473 101.644 116.316 102.039 116.316ZM153.929 144.936C153.419 146.956 151.628 148.462 149.498 148.462H87.2853C85.155 148.462 83.3642 146.955 82.855 144.936C82.7579 144.551 82.7089 144.155 82.709 143.758V121.675H100.023C101.936 121.675 103.477 123.285 103.477 125.24V125.267C103.477 127.221 105.037 128.8 106.949 128.8H129.834C131.746 128.8 133.306 127.207 133.306 125.252V125.244C133.306 123.288 134.847 121.674 136.76 121.674H154.074V143.759C154.074 144.165 154.023 144.559 153.929 144.936Z" fill="#DCE0E6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M156.105 76.9026L151.612 78.6461C151.496 78.6909 151.371 78.7023 151.249 78.6789C151.127 78.6555 151.015 78.5982 150.924 78.5137C150.834 78.4292 150.769 78.3208 150.737 78.2011C150.706 78.0813 150.708 77.9551 150.745 77.8368L152.02 73.7533C150.316 71.8164 149.316 69.4546 149.316 66.9059C149.316 60.3303 155.973 55 164.185 55C172.395 55 179.052 60.3303 179.052 66.9059C179.052 73.4816 172.395 78.8118 164.184 78.8118C161.205 78.8118 158.432 78.1105 156.105 76.9026Z" fill="#DCE0E6"/>
+<path d="M170.04 69.0555C171.076 69.0555 171.915 68.2264 171.915 67.2035C171.915 66.1807 171.076 65.3516 170.04 65.3516C169.005 65.3516 168.166 66.1807 168.166 67.2035C168.166 68.2264 169.005 69.0555 170.04 69.0555Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M160.202 68.8238H156.453L158.36 65.583L160.202 68.8238ZM162.545 65.583H165.824V68.8238H162.545V65.583Z" fill="white"/>
+<path d="M29.566 175.607C30.216 175.607 30.554 175.243 30.554 174.528V171.005H29.618V174.307C29.618 174.632 29.488 174.801 29.254 174.801C28.968 174.801 28.656 174.775 28.331 174.736L28.526 175.607H29.566ZM24.236 171.876V175.62H25.146V170.654C25.562 170.017 25.939 169.315 26.277 168.561L25.367 168.366C24.613 170.017 23.651 171.356 22.481 172.37L23.066 173.085C23.469 172.721 23.859 172.318 24.236 171.876ZM28.292 168.353C27.681 169.718 26.888 170.823 25.913 171.681L26.485 172.383C27.109 171.811 27.681 171.161 28.175 170.407H32.972C32.829 170.927 32.647 171.395 32.426 171.824L33.271 172.045C33.531 171.421 33.739 170.784 33.908 170.134V169.549H28.695C28.851 169.237 29.02 168.899 29.176 168.548L28.292 168.353ZM24.015 176.283C23.755 177.349 23.365 178.337 22.819 179.221L23.612 179.728C24.171 178.805 24.6 177.713 24.912 176.465L24.015 176.283ZM30.411 180.105C30.879 180.105 31.23 180.001 31.451 179.793C31.711 179.546 31.88 178.857 31.971 177.713L31.087 177.427C31.035 178.285 30.944 178.805 30.788 178.987C30.671 179.143 30.489 179.221 30.229 179.221H27.369C27.005 179.221 26.836 179.026 26.836 178.662V176.114H25.887V178.857C25.887 179.689 26.277 180.105 27.083 180.105H30.411ZM32.621 175.88L31.854 176.348C32.647 177.466 33.284 178.493 33.752 179.429L34.519 178.883C34.077 178.025 33.453 177.024 32.621 175.88ZM27.941 172.253C27.473 173.189 26.914 174.008 26.264 174.71L26.979 175.204C27.629 174.476 28.201 173.605 28.695 172.604L27.941 172.253ZM32.257 172.24L31.464 172.578C32.062 173.358 32.621 174.242 33.115 175.256L33.908 174.853C33.427 173.891 32.881 173.02 32.257 172.24ZM28.591 175.763L27.863 176.218C28.487 176.946 28.981 177.622 29.345 178.22L30.073 177.713C29.735 177.154 29.241 176.504 28.591 175.763ZM36.638 168.587L36.001 169.198C36.95 169.939 37.691 170.628 38.224 171.265L38.9 170.602C38.289 169.926 37.535 169.263 36.638 168.587ZM44.191 180.066H47.194L47.415 179.13C47.077 179.156 46.583 179.169 45.946 179.182C45.309 179.195 44.685 179.208 44.061 179.208C43.06 179.208 42.228 179.195 41.552 179.182C40.798 179.156 40.213 179.052 39.823 178.87C39.459 178.701 39.134 178.428 38.822 178.051C38.718 177.934 38.627 177.843 38.523 177.765V172.89H35.793V173.748H37.652V177.7C37.119 177.934 36.508 178.597 35.819 179.689L36.521 180.326C37.236 179.13 37.743 178.532 38.055 178.532C38.211 178.532 38.38 178.636 38.549 178.857C38.952 179.325 39.407 179.65 39.901 179.806C40.421 179.949 41.097 180.027 41.916 180.04C42.735 180.053 43.489 180.066 44.191 180.066ZM39.485 169.081V169.991H43.099C42.319 171.941 40.941 173.605 38.991 174.983L39.576 175.75C40.785 174.866 41.799 173.852 42.605 172.734V178.48H43.541V171.148C43.723 170.771 43.879 170.381 44.035 169.991H46.986V169.081H39.485ZM44.633 171.512L43.918 172.032C45.023 173.332 45.933 174.567 46.635 175.737L47.428 175.191C46.778 174.138 45.842 172.916 44.633 171.512ZM49.612 168.574L48.949 169.224C49.911 169.913 50.678 170.563 51.237 171.187L51.9 170.524C51.276 169.874 50.522 169.224 49.612 168.574ZM49.248 171.694L48.585 172.344C49.495 173.033 50.21 173.683 50.73 174.294L51.406 173.631C50.821 172.981 50.106 172.344 49.248 171.694ZM50.86 175.23C50.275 176.764 49.586 178.259 48.793 179.728L49.729 180.131C50.457 178.701 51.107 177.18 51.705 175.568L50.86 175.23ZM53.317 174.931C53.733 176.127 54.435 177.167 55.41 178.025C54.422 178.623 53.239 179.104 51.835 179.481L52.303 180.339C53.798 179.884 55.085 179.312 56.164 178.61C57.204 179.364 58.517 179.949 60.103 180.378L60.571 179.533C59.141 179.195 57.919 178.701 56.931 178.051C58.036 177.167 58.842 176.114 59.362 174.892V174.034H52.498V174.931H53.317ZM56.177 177.505C55.319 176.79 54.669 175.932 54.227 174.931H58.322C57.867 175.919 57.152 176.777 56.177 177.505ZM53.72 168.886V170.485C53.72 171.525 53.122 172.318 51.952 172.877L52.576 173.592C53.954 172.838 54.656 171.772 54.656 170.381V169.77H57.399V171.928C57.399 172.669 57.789 173.046 58.569 173.046H60.285V172.162H58.803C58.478 172.162 58.322 172.006 58.322 171.72V168.886H53.72ZM65.55 173.059H70.711V174.476H65.55V173.059ZM70.711 175.295V176.673H65.55V175.295H70.711ZM70.711 177.492V178.974C70.711 179.286 70.542 179.442 70.204 179.442C69.775 179.442 69.307 179.416 68.813 179.39L69.047 180.248H70.503C71.231 180.222 71.595 179.897 71.595 179.26V172.24H65.563C65.875 171.759 66.148 171.252 66.408 170.732H73.259V169.822H66.798C66.98 169.367 67.136 168.899 67.292 168.418L66.343 168.301C66.187 168.808 65.992 169.315 65.771 169.822H61.897V170.732H65.342C64.445 172.409 63.184 173.891 61.546 175.191L62.157 175.984C63.093 175.23 63.938 174.385 64.666 173.475V180.274H65.55V177.492H70.711ZM85.856 169.146H79.785V180.313H80.682V179.494H84.946V180.3H85.856V169.146ZM80.682 178.61V176.309H84.946V178.61H80.682ZM80.682 175.438V173.137H84.946V175.438H80.682ZM80.682 172.266V170.03H84.946V172.266H80.682ZM77.497 173.501C77.861 173.982 78.29 174.606 78.784 175.36L79.291 174.606C78.693 173.839 78.095 173.137 77.497 172.513V171.824H79.174V170.927H77.497V168.392H76.574V170.927H74.741V171.824H76.548C76.132 173.449 75.456 174.892 74.507 176.153L74.871 177.076C75.573 176.062 76.132 174.944 76.574 173.696V180.287H77.497V173.501ZM91.03 168.431L90.172 168.847C90.705 169.497 91.199 170.238 91.667 171.07L92.512 170.641C92.044 169.835 91.55 169.107 91.03 168.431ZM95.918 168.314C95.528 169.406 95.099 170.329 94.605 171.083H88.664V171.993H93.019V172.604C93.006 173.241 92.941 173.839 92.824 174.411H87.923V175.321H92.59C92.408 175.893 92.161 176.4 91.849 176.868C91.069 177.908 89.678 178.753 87.689 179.39L88.196 180.209C90.198 179.572 91.641 178.675 92.525 177.531C92.941 176.972 93.266 176.322 93.513 175.581C94.215 177.557 95.983 179.13 98.843 180.287L99.389 179.416C96.659 178.441 94.982 177.076 94.345 175.321H99.077V174.411H93.799C93.903 173.865 93.955 173.254 93.981 172.604V171.993H98.323V171.083H95.645C96.113 170.342 96.503 169.497 96.815 168.561L95.918 168.314ZM103.731 173.527C104.134 174.021 104.615 174.671 105.174 175.477L105.707 174.684C105.044 173.904 104.381 173.189 103.731 172.565V171.824H105.447V170.927H103.731V168.392H102.795V170.927H100.754V171.824H102.769C102.314 173.449 101.547 174.892 100.481 176.166L100.897 177.219C101.69 176.114 102.327 174.879 102.795 173.501V180.248H103.731V173.527ZM110.699 170.069C110.387 172.097 109.776 173.891 108.84 175.451C107.891 173.865 107.345 172.071 107.189 170.069H110.699ZM108.294 176.283C107.41 177.518 106.279 178.584 104.914 179.494L105.512 180.248C106.825 179.39 107.943 178.35 108.853 177.115C109.659 178.246 110.686 179.299 111.908 180.261L112.545 179.507C111.271 178.558 110.231 177.492 109.399 176.322C110.491 174.58 111.232 172.487 111.609 170.056V169.172H105.759V170.069H106.279C106.461 172.344 107.137 174.411 108.294 176.283ZM114.092 168.899V180.313H115.002V169.796H117.147C116.809 170.875 116.328 172.097 115.717 173.449C116.627 174.541 117.082 175.542 117.082 176.426C117.082 176.699 116.991 176.894 116.835 177.011C116.666 177.115 116.341 177.18 115.86 177.206C115.73 177.206 115.561 177.18 115.353 177.154L115.665 178.103C116.601 178.09 117.251 177.934 117.615 177.635C117.875 177.388 118.018 176.985 118.018 176.426C117.966 175.49 117.511 174.45 116.679 173.306C117.225 172.032 117.693 170.823 118.083 169.653V168.899H114.092ZM119.617 172.149H123.452V173.618H119.617V172.149ZM123.452 171.291H119.617V169.796H123.452V171.291ZM121.112 174.476C121.554 176.907 122.867 178.818 125.025 180.196L125.545 179.377C124.557 178.792 123.777 178.09 123.179 177.271C123.92 176.894 124.583 176.348 125.181 175.646L124.57 175.035C123.985 175.737 123.374 176.257 122.75 176.608C122.373 175.958 122.113 175.243 121.957 174.476H124.362V168.912H118.694V178.974C118.694 179.104 118.59 179.208 118.408 179.273L118.629 180.079C120.046 179.702 121.216 179.312 122.152 178.909L121.944 178.038C121.177 178.389 120.397 178.688 119.617 178.922V174.476H121.112ZM128.418 177.453C128.158 177.453 127.963 177.518 127.807 177.674C127.651 177.817 127.573 178.012 127.573 178.259C127.573 178.48 127.651 178.675 127.807 178.831C127.963 178.987 128.145 179.065 128.366 179.065C128.496 179.065 128.6 179.039 128.652 179.013C128.652 179.325 128.561 179.611 128.366 179.884C128.158 180.144 127.885 180.339 127.547 180.456V181.093C128.093 180.95 128.548 180.664 128.886 180.248C129.224 179.806 129.393 179.299 129.393 178.727C129.393 178.35 129.302 178.051 129.133 177.817C128.951 177.57 128.704 177.453 128.418 177.453ZM146.982 168.379V169.224H143.836V169.991H146.982V170.862H144.356V171.616H146.982V172.5H143.472V173.28H151.428V172.5H147.879V171.616H150.635V170.862H147.879V169.991H151.103V169.224H147.879V168.379H146.982ZM145.357 176.556H149.556V177.505H145.357V176.556ZM149.556 175.828H145.357V174.866H149.556V175.828ZM145.357 178.233H149.556V178.974C149.556 179.273 149.387 179.429 149.075 179.429L148.035 179.39L148.256 180.222H149.348C150.076 180.222 150.453 179.871 150.453 179.169V174.099H144.46V180.3H145.357V178.233ZM141.119 168.522L140.456 169.159C141.392 169.861 142.133 170.524 142.679 171.148L143.316 170.498C142.718 169.835 141.99 169.172 141.119 168.522ZM139.546 172.357V173.254H141.405V178.415C141.405 178.636 141.301 178.831 141.106 179.013L141.47 179.845C142.276 179.26 143.056 178.584 143.784 177.83L143.537 176.842C143.095 177.297 142.692 177.7 142.302 178.064V172.357H139.546ZM157.98 171.213V172.097H160.528V172.695C160.515 173.267 160.476 173.813 160.424 174.333H157.785V175.23H160.294C159.891 177.258 158.955 178.714 157.499 179.598L158.058 180.339C159.54 179.377 160.541 177.895 161.048 175.893C161.425 177.336 162.361 178.805 163.856 180.287L164.506 179.598C162.894 178.116 161.932 176.66 161.62 175.23H164.311V174.333H161.321C161.386 173.748 161.425 173.137 161.425 172.487V172.097H164.09V171.213H162.153C162.569 170.537 162.959 169.718 163.349 168.73L162.491 168.405C162.14 169.406 161.711 170.342 161.217 171.213H157.98ZM159.267 168.483L158.552 168.938C159.072 169.692 159.475 170.368 159.774 170.992L160.476 170.511C160.19 169.926 159.787 169.25 159.267 168.483ZM152.598 168.912V169.783H153.391V177.752L152.572 177.882L152.806 178.766C153.924 178.558 154.99 178.311 156.03 178.051V180.365H156.927V177.804C157.213 177.726 157.512 177.635 157.798 177.544V176.634C157.512 176.725 157.226 176.816 156.927 176.92V169.783H157.772V168.912H152.598ZM154.288 177.583V175.256H156.03V177.18C155.458 177.323 154.886 177.453 154.288 177.583ZM154.288 174.398V172.539H156.03V174.398H154.288ZM154.288 171.694V169.783H156.03V171.694H154.288ZM171.019 180.261C171.747 180.261 172.124 179.884 172.124 179.156V175.672C173.242 175.581 174.243 175.49 175.14 175.386C175.452 175.841 175.738 176.283 175.985 176.725L176.739 176.192C176.167 175.269 175.348 174.19 174.282 172.942L173.58 173.371C173.931 173.787 174.269 174.216 174.594 174.632C173.086 174.814 171.266 174.957 169.147 175.074C170.785 174.216 172.696 172.825 174.893 170.888L174.035 170.459C173.411 171.018 172.813 171.538 172.228 172.006C171.162 172.097 170.109 172.175 169.069 172.227C169.901 171.681 170.72 170.953 171.526 170.017C173.372 169.874 174.958 169.64 176.31 169.328L175.855 168.535C173.385 169.081 170.278 169.354 166.547 169.354L166.82 170.173C168.068 170.173 169.238 170.147 170.343 170.095C169.459 171.057 168.692 171.694 168.042 172.019C167.847 172.097 167.639 172.162 167.405 172.188L167.6 173.02C168.9 172.942 170.122 172.864 171.253 172.773C169.927 173.761 168.731 174.489 167.665 174.957C167.418 175.035 167.145 175.1 166.846 175.126L167.106 175.958C168.575 175.893 169.927 175.815 171.175 175.737V178.922C171.175 179.234 171.006 179.403 170.694 179.403C170.265 179.403 169.823 179.377 169.355 179.338L169.563 180.261H171.019ZM173.905 176.465L173.281 177.063C174.659 178.103 175.738 179.078 176.531 179.988L177.194 179.325C176.31 178.363 175.218 177.414 173.905 176.465ZM168.952 176.556C168.094 177.544 167.028 178.415 165.754 179.169L166.339 179.923C167.639 179.13 168.731 178.207 169.615 177.141L168.952 176.556ZM188.218 173.514H180.795V180.287H181.731V179.754H187.893V180.3H188.816V176.959H181.731V176.062H188.218V173.514ZM181.731 178.922V177.713H187.893V178.922H181.731ZM181.731 175.308V174.268H187.308V175.308H181.731ZM190.012 171.941H185.072C184.942 171.577 184.799 171.252 184.656 170.953L185.358 171.382C185.644 170.992 185.917 170.576 186.151 170.134H186.97C187.282 170.55 187.555 170.992 187.789 171.46L188.621 171.148C188.465 170.836 188.244 170.498 187.971 170.134H190.285V169.315H186.528C186.632 169.055 186.723 168.795 186.814 168.522L185.917 168.327C185.631 169.263 185.189 170.108 184.565 170.888L184.643 170.94L183.733 171.096C183.876 171.356 184.006 171.629 184.136 171.941H178.988V174.294H179.898V172.747H189.102V174.294H190.012V171.941ZM180.548 170.134H181.289C181.614 170.602 181.9 171.083 182.134 171.577L182.992 171.252C182.81 170.901 182.563 170.524 182.277 170.134H184.461V169.315H180.977C181.081 169.055 181.198 168.795 181.302 168.509L180.405 168.314C180.041 169.302 179.469 170.212 178.689 171.018L179.508 171.538C179.898 171.109 180.236 170.641 180.548 170.134ZM196.408 168.899V174.905H199.125V176.439H196.187V177.323H199.125V179.013H195.641V179.91H203.467V179.013H200.061V177.323H202.986V176.439H200.061V174.905H202.765V168.899H196.408ZM201.868 174.073H200.061V172.318H201.868V174.073ZM199.125 174.073H197.305V172.318H199.125V174.073ZM197.305 171.499V169.731H199.125V171.499H197.305ZM200.061 169.731H201.868V171.499H200.061V169.731ZM191.819 173.202V174.099H193.236V177.362C192.677 177.518 192.105 177.648 191.533 177.752L191.767 178.649C193.145 178.311 194.432 177.895 195.628 177.401V176.491C195.16 176.699 194.692 176.881 194.198 177.05V174.099H195.628V173.202H194.198V170.121H195.784V169.237H191.637V170.121H193.236V173.202H191.819ZM214.881 173.098H206.132V178.103H207.055V173.956H213.958V177.947H214.881V173.098ZM206.912 168.86V172.123H214.101V168.86H206.912ZM213.191 171.304H207.822V169.692H213.191V171.304ZM210.149 174.801C210.045 176.4 209.681 177.531 209.083 178.194C208.394 178.909 206.99 179.325 204.884 179.455L205.248 180.3C207.666 180.079 209.213 179.559 209.889 178.753C210.513 178.077 210.916 176.79 211.098 174.879L210.149 174.801ZM211.436 177.817L210.968 178.519C212.541 178.961 214.075 179.559 215.57 180.339L216.077 179.559C214.673 178.883 213.126 178.298 211.436 177.817Z" fill="#BFBFBF"/>
+</svg>
diff --git a/lib/saas/view/service/error-403.vue b/lib/saas/view/service/error-403.vue
index 5db1673..9911989 100644
--- a/lib/saas/view/service/error-403.vue
+++ b/lib/saas/view/service/error-403.vue
@@ -3,7 +3,7 @@
     <a-layout class="ns-application" style="height: 100%">
       <ns-header class="ns-header-menu" />
       <a-layout>
-        <ns-sider class="ns-left-menu" />
+        <!-- <ns-sider class="ns-left-menu" /> -->
         <a-layout>
           <a-layout-content class="content" :style="{ minHeight: '400px', overflow: 'auto' }">
             <div>
@@ -43,6 +43,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    padding-top: 200px;
     img {
       width: 240px;
       height: 240px;
diff --git a/lib/util/http/axios.ts b/lib/util/http/axios.ts
index c0fe1aa..0be263f 100644
--- a/lib/util/http/axios.ts
+++ b/lib/util/http/axios.ts
@@ -78,6 +78,7 @@ export class NSAxios {
     const errCodeMap = new Map<number, any>([
       [13, ''],
       [1, ''],
+      [3005, ''],
       [10086, () => routerConfig.logout()],
     ]);