diff --git a/src/bk-user/bkuser/apis/web/basic/serializers.py b/src/bk-user/bkuser/apis/web/basic/serializers.py
index bc6088d9c..d928d6e29 100644
--- a/src/bk-user/bkuser/apis/web/basic/serializers.py
+++ b/src/bk-user/bkuser/apis/web/basic/serializers.py
@@ -13,3 +13,4 @@
 
 class CurrentUserRetrieveOutputSLZ(serializers.Serializer):
     username = serializers.CharField(help_text="用户名")
+    tenant_id = serializers.CharField(help_text="租户 ID")
diff --git a/src/bk-user/bkuser/apis/web/basic/views.py b/src/bk-user/bkuser/apis/web/basic/views.py
index b4540f978..cf089db04 100644
--- a/src/bk-user/bkuser/apis/web/basic/views.py
+++ b/src/bk-user/bkuser/apis/web/basic/views.py
@@ -26,6 +26,7 @@ def get(self, request, *args, **kwargs):
         current_user = request.user
         info = {
             "username": current_user.username,
+            "tenant_id": current_user.get_property("tenant_id"),
         }
 
         return Response(CurrentUserRetrieveOutputSLZ(instance=info).data)
diff --git a/src/bk-user/bkuser/apis/web/organization/serializers.py b/src/bk-user/bkuser/apis/web/organization/serializers.py
index 1c4090550..07b3d1ce9 100644
--- a/src/bk-user/bkuser/apis/web/organization/serializers.py
+++ b/src/bk-user/bkuser/apis/web/organization/serializers.py
@@ -41,3 +41,9 @@ def get_departments(self, instance: Tenant):
         if not departments:
             return []
         return [item.model_dump(include={"id", "name", "has_children"}) for item in departments]
+
+
+class TenantDepartmentChildrenListOutputSLZ(serializers.Serializer):
+    id = serializers.IntegerField(help_text="租户部门ID")
+    name = serializers.CharField(help_text="部门名称")
+    has_children = serializers.BooleanField(help_text="是否有子部门")
diff --git a/src/bk-user/bkuser/apis/web/organization/urls.py b/src/bk-user/bkuser/apis/web/organization/urls.py
index 2cc95bc9d..41d3449d7 100644
--- a/src/bk-user/bkuser/apis/web/organization/urls.py
+++ b/src/bk-user/bkuser/apis/web/organization/urls.py
@@ -16,4 +16,9 @@
     # 租户
     path("tenants/", views.TenantListApi.as_view(), name="organization.tenant.list"),
     path("tenants/<str:id>/", views.TenantRetrieveUpdateApi.as_view(), name="organization.tenant.retrieve_update"),
+    path(
+        "departments/<int:id>/children/",
+        views.TenantDepartmentChildrenListApi.as_view(),
+        name="organization.children.list",
+    ),
 ]
diff --git a/src/bk-user/bkuser/apis/web/organization/views.py b/src/bk-user/bkuser/apis/web/organization/views.py
index 96b3fbd5c..5b0dc67e4 100644
--- a/src/bk-user/bkuser/apis/web/organization/views.py
+++ b/src/bk-user/bkuser/apis/web/organization/views.py
@@ -14,7 +14,7 @@
 from rest_framework import generics, status
 from rest_framework.response import Response
 
-from bkuser.apis.web.organization.serializers import TenantListOutputSLZ
+from bkuser.apis.web.organization.serializers import TenantDepartmentChildrenListOutputSLZ, TenantListOutputSLZ
 from bkuser.apis.web.tenant.serializers import TenantRetrieveOutputSLZ, TenantUpdateInputSLZ
 from bkuser.apps.tenant.models import Tenant
 from bkuser.biz.tenant import (
@@ -92,3 +92,19 @@ def put(self, request, *args, **kwargs):
 
         TenantHandler.update_with_managers(instance.id, should_updated_info, data["manager_ids"])
         return Response()
+
+
+class TenantDepartmentChildrenListApi(generics.ListAPIView):
+    pagination_class = None
+    serializer_class = TenantDepartmentChildrenListOutputSLZ
+
+    @swagger_auto_schema(
+        operation_description="租户部门的二级子部门列表",
+        responses={status.HTTP_200_OK: TenantDepartmentChildrenListOutputSLZ(many=True)},
+    )
+    def get(self, request, *args, **kwargs):
+        tenant_department_id = self.kwargs["id"]
+        # 拉取子部门信息列表
+        tenant_department_children = TenantDepartmentHandler.get_tenant_department_children_by_id(tenant_department_id)
+        data = [item.model_dump(include={"id", "name", "has_children"}) for item in tenant_department_children]
+        return Response(self.get_serializer(data, many=True).data)
diff --git a/src/bk-user/bkuser/apis/web/tenant/serializers.py b/src/bk-user/bkuser/apis/web/tenant/serializers.py
index 6746c5900..e6938ea41 100644
--- a/src/bk-user/bkuser/apis/web/tenant/serializers.py
+++ b/src/bk-user/bkuser/apis/web/tenant/serializers.py
@@ -54,13 +54,13 @@ class TenantSearchInputSLZ(serializers.Serializer):
     name = serializers.CharField(required=False, help_text="租户名", allow_blank=True)
 
 
-class TenantSearchManagerOutputSchema(serializers.Serializer):
+class TenantSearchManagerOutputSLZ(serializers.Serializer):
     id = serializers.CharField(help_text="用户 ID")
     username = serializers.CharField(help_text="用户名")
     full_name = serializers.CharField(help_text="姓名")
 
 
-class TenantSearchDataSourceOutputSchema(serializers.Serializer):
+class TenantSearchDataSourceOutputSLZ(serializers.Serializer):
     id = serializers.CharField(help_text="数据源 ID")
     name = serializers.CharField(help_text="数据源名称")
 
@@ -79,7 +79,7 @@ def get_logo(self, obj: Tenant) -> str:
     def get_created_at(self, obj: Tenant) -> str:
         return obj.created_at_display
 
-    @swagger_serializer_method(serializer_or_field=TenantSearchManagerOutputSchema(many=True))
+    @swagger_serializer_method(serializer_or_field=TenantSearchManagerOutputSLZ(many=True))
     def get_managers(self, obj: Tenant) -> List[Dict]:
         tenant_manager_map: Dict[str, List[TenantUserWithInheritedInfo]] = self.context["tenant_manager_map"]
         managers = tenant_manager_map.get(obj.id) or []
@@ -91,7 +91,7 @@ def get_managers(self, obj: Tenant) -> List[Dict]:
             for i in managers
         ]
 
-    @swagger_serializer_method(serializer_or_field=TenantSearchDataSourceOutputSchema(many=True))
+    @swagger_serializer_method(serializer_or_field=TenantSearchDataSourceOutputSLZ(many=True))
     def get_data_sources(self, obj: Tenant) -> List[Dict]:
         data_source_map: Dict[str, List[DataSourceSimpleInfo]] = self.context["data_source_map"]
         data_sources = data_source_map.get(obj.id) or []
@@ -105,7 +105,7 @@ class TenantUpdateInputSLZ(serializers.Serializer):
     feature_flags = TenantFeatureFlagSLZ(help_text="租户特性集")
 
 
-class TenantRetrieveManagerOutputSchema(serializers.Serializer):
+class TenantRetrieveManagerOutputSLZ(serializers.Serializer):
     id = serializers.CharField(help_text="用户 ID")
     username = serializers.CharField(help_text="租户用户名")
     full_name = serializers.CharField(help_text="用户姓名")
@@ -123,7 +123,7 @@ class TenantRetrieveOutputSLZ(serializers.Serializer):
     feature_flags = TenantFeatureFlagSLZ(help_text="租户特性集")
     managers = serializers.SerializerMethodField()
 
-    @swagger_serializer_method(serializer_or_field=TenantRetrieveManagerOutputSchema(many=True))
+    @swagger_serializer_method(serializer_or_field=TenantRetrieveManagerOutputSLZ(many=True))
     def get_managers(self, obj: Tenant) -> List[Dict]:
         # 根据当前登录的租户用户，获取租户ID
         # NOTE 因协同数据源而展示的租户，不返回管理员
diff --git a/src/bk-user/bkuser/auth/backends.py b/src/bk-user/bkuser/auth/backends.py
index c2804dd09..50702abeb 100644
--- a/src/bk-user/bkuser/auth/backends.py
+++ b/src/bk-user/bkuser/auth/backends.py
@@ -11,6 +11,7 @@
 import logging
 import traceback
 
+from django.conf import settings
 from django.contrib.auth import get_user_model
 from django.contrib.auth.backends import BaseBackend
 from django.db import IntegrityError
@@ -43,6 +44,10 @@ def authenticate(self, request=None, bk_token=None):
             user.set_property(key="language", value=user_info.get("language", ""))
             user.set_property(key="time_zone", value=user_info.get("time_zone", ""))
 
+            # FIXME: 新版登录后删除该MOCK逻辑
+            tenant_id = settings.MOCK_USER_TENANTS.get(username) or settings.MOCK_USER_DEFAULT_TENANT
+            user.set_property(key="tenant_id", value=tenant_id)
+
             return user
 
         except IntegrityError:
diff --git a/src/bk-user/bkuser/biz/tenant.py b/src/bk-user/bkuser/biz/tenant.py
index 2b0f4eafd..7fd57b589 100644
--- a/src/bk-user/bkuser/biz/tenant.py
+++ b/src/bk-user/bkuser/biz/tenant.py
@@ -133,7 +133,7 @@ def get_tenant_manager_map(tenant_ids: Optional[List[str]] = None) -> Dict[str,
     @staticmethod
     def retrieve_tenant_managers(tenant_id: str) -> List[TenantUserWithInheritedInfo]:
         """
-        查询单个租户的
+        查询单个租户的租户管理员
         """
         tenant_managers = TenantManager.objects.filter(tenant_id=tenant_id)
         # 查询管理员对应的信息
@@ -273,3 +273,14 @@ def get_tenant_root_departments_by_id(
             )
             tenant_root_department_map[tenant_id] = tenant_root_department
         return tenant_root_department_map
+
+    @staticmethod
+    def get_tenant_department_children_by_id(tenant_department_id: int) -> List[TenantDepartmentBaseInfo]:
+        tenant_department = TenantDepartment.objects.get(id=tenant_department_id)
+        # 获取二级组织
+        children = DataSourceDepartmentRelation.objects.get(
+            department=tenant_department.data_source_department
+        ).get_children()
+        return TenantDepartmentHandler.convert_data_source_department_to_tenant_department(
+            tenant_department.tenant_id, children.values_list("department_id", flat=True)
+        )
diff --git a/src/bk-user/bkuser/settings.py b/src/bk-user/bkuser/settings.py
index 4edd75b37..ff843fe0c 100644
--- a/src/bk-user/bkuser/settings.py
+++ b/src/bk-user/bkuser/settings.py
@@ -468,3 +468,6 @@
 DEFAULT_DATA_SOURCE_USER_LOGO = ""
 # 默认手机国际区号
 DEFAULT_PHONE_COUNTRY_CODE = env.str("DEFAULT_PHONE_COUNTRY_CODE", default="86")
+# FIXME:  待新版登录完成后删除Mock用户租户数据，格式：key1=value1;key2=value2
+MOCK_USER_TENANTS = env.dict("MOCK_USER_TENANTS", default={})
+MOCK_USER_DEFAULT_TENANT = env.str("MOCK_USER_DEFAULT_TENANT", default="")
diff --git a/src/pages/.bk.development.env b/src/pages/.bk.development.env
index 80e7c420f..b97e97cec 100644
--- a/src/pages/.bk.development.env
+++ b/src/pages/.bk.development.env
@@ -1,25 +1,4 @@
-# .bk.development.env 生产模式生效
-
-# 网站前缀
-BK_SITE_URL = ''
-
-# 静态资源路径
-BK_STATIC_URL = ''
-
-# 当前应用的环境，预发布环境为 stag，正式环境为 prod
-BK_PAAS_ENVIRONMENT = ''
-
-# EngineApp名称，拼接规则：bkapp-{appcode}-{BKPAAS_ENVIRONMENT}
-BK_PAAS_ENGINE_APP_NAME = ''
-
-# 内部版对应ieod，外部版对应tencent，混合云版对应clouds
-BK_PAAS_ENGINE_REGION = ''
-
-# APP ID
-BK_PAAS_APP_ID = ''
-
-# APP SECRET
-BK_PAAS_APP_SECRET = ''
+# .bk.production.env 开发模式生效，开发时，复制并保存为.bk.local.env，然后把具体值填上
 
 # 登录地址
 BK_LOGIN_URL = ''
@@ -29,3 +8,10 @@ BK_APP_HOST = ''
 
 # 开发 port
 BK_APP_PORT = 5002
+
+# 静态资源路径
+BK_STATIC_URL = ''
+
+BK_AJAX_BASE_URL = ''
+
+BK_CSRF_COOKIE_NAME = ''
diff --git a/src/pages/.bk.env b/src/pages/.bk.env
deleted file mode 100644
index 4b0d5162d..000000000
--- a/src/pages/.bk.env
+++ /dev/null
@@ -1,7 +0,0 @@
-# .env 所有环境生效的配置
-
-# 接口前缀
-BK_AJAX_URL_PREFIX = '/'
-
-# 获取用户信息接口
-BK_USER_INFO_URL = '/user'
diff --git a/src/pages/.bk.production.env b/src/pages/.bk.production.env
index 79eee9a65..8bb66147c 100644
--- a/src/pages/.bk.production.env
+++ b/src/pages/.bk.production.env
@@ -1,25 +1,11 @@
 # .bk.production.env 生产模式生效
 
-# 网站前缀
-BK_SITE_URL = '{{ SITE_URL }}'
+# 登录地址
+BK_LOGIN_URL = '{{ BK_LOGIN_URL }}'
 
 # 静态资源路径
 BK_STATIC_URL = '{{ BK_STATIC_URL }}'
 
-# 当前应用的环境，预发布环境为 stag，正式环境为 prod
-BK_PAAS_ENVIRONMENT = '{{ BKPAAS_ENVIRONMENT }}'
-
-# EngineApp名称，拼接规则：bkapp-{appcode}-{BKPAAS_ENVIRONMENT}
-BK_PAAS_ENGINE_APP_NAME = '{{ BKPAAS_ENGINE_APP_NAME }}'
-
-# 内部版对应ieod，外部版对应tencent，混合云版对应clouds
-BK_PAAS_ENGINE_REGION = '{{ BKPAAS_ENGINE_REGION }}'
+BK_AJAX_BASE_URL = '{{ AJAX_BASE_URL }}'
 
-# APP ID
-BK_PAAS_APP_ID = '{{ BKPAAS_APP_ID }}'
-
-# APP SECRET
-BK_PAAS_APP_SECRET = '{{ BKPAAS_APP_SECRET }}'
-
-# 登录地址
-BK_LOGIN_URL = '{{ BK_LOGIN_URL }}'
+BK_CSRF_COOKIE_NAME = '{{ CSRF_COOKIE_NAME }}'
diff --git a/src/pages/.eslintrc.js b/src/pages/.eslintrc.js
index 88ad17aa6..1f86bd85d 100644
--- a/src/pages/.eslintrc.js
+++ b/src/pages/.eslintrc.js
@@ -1,9 +1,22 @@
 module.exports = {
   root: true,
   extends: ['@blueking/eslint-config-bk/tsvue3'],
+  plugins: [
+    'simple-import-sort',
+  ],
+  rules: {
+    'simple-import-sort/imports': ['error', {
+      groups: [
+        ['^[a-zA-Z]'],
+        ['^@\\w'],
+        ['^\\.\\.'],
+        ['^\\.'],
+      ],
+    }],
+    'no-param-reassign': 'off',
+  },
   parserOptions: {
-    project: [
-      './tsconfig.json',
-    ],
+    project: 'tsconfig.eslint.json',
+    tsconfigRootDir: __dirname,
   },
 };
diff --git a/src/pages/.gitignore b/src/pages/.gitignore
index 18b522684..779858498 100644
--- a/src/pages/.gitignore
+++ b/src/pages/.gitignore
@@ -74,3 +74,5 @@ test/unit/coverage
 *.njsproj
 *.sln
 dist/
+
+.bk.local.env
diff --git a/src/pages/.stylelintignore b/src/pages/.stylelintignore
index c2658d7d1..99c3ab4fb 100644
--- a/src/pages/.stylelintignore
+++ b/src/pages/.stylelintignore
@@ -1 +1,3 @@
 node_modules/
+dist
+static/
\ No newline at end of file
diff --git a/src/pages/.stylelintrc.js b/src/pages/.stylelintrc.js
deleted file mode 100644
index 2bea3aba5..000000000
--- a/src/pages/.stylelintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  defaultSeverity: 'error',
-  extends: ['@blueking/stylelint-config-bk'],
-}
diff --git a/src/pages/bk.config.js b/src/pages/bk.config.js
index 0847129cd..85fcf5a55 100644
--- a/src/pages/bk.config.js
+++ b/src/pages/bk.config.js
@@ -15,10 +15,12 @@ module.exports = {
     return {
       devServer: {
         setupMiddlewares: mockServer,
+        https: true,
         proxy: {
           '/api': {
-            target: '',
+            target: process.env.AJAX_BASE_URL,
             changeOrigin: true,
+            secure: false,
           },
         },
       },
diff --git a/src/pages/index.html b/src/pages/index.html
index fdfe227b9..338b7684f 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link rel="icon" href="{{ BK_STATIC_URL }}/images/favicon.png" type="image/x-icon" />
-    <link rel="shortcut icon" href="{{ BK_STATIC_URL }}/images/favicon.png" type="image/x-icon" />
+    <link rel="icon" href="<%= process.env.BK_STATIC_URL %>/images/logo.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="<%= process.env.BK_STATIC_URL %>/images/logo.ico" type="image/x-icon" />
     <meta charset="utf-8">
     <title> {{ TITLE }} </title>
   </head>
@@ -10,12 +10,12 @@
       <div class="app"></div>
       <script>
         // 登录页面
-        window.BK_LOGIN_URL = '{{ BK_LOGIN_URL }}'
+        window.BK_LOGIN_URL = '<%= process.env.BK_LOGIN_URL %>';
         // 开发环境域名
-        window.AJAX_BASE_URL = '{{ AJAX_BASE_URL }}'
+        window.AJAX_BASE_URL = '<%= process.env.BK_AJAX_BASE_URL %>';
         // 静态资源路径
-        window.BK_STATIC_URL = '{{ BK_STATIC_URL }}'
-        window.CSRF_COOKIE_NAME = '{{ CSRF_COOKIE_NAME }}'
+        window.BK_STATIC_URL = '<%= process.env.BK_STATIC_URL %>';
+        window.CSRF_COOKIE_NAME = '<%= process.env.BK_CSRF_COOKIE_NAME %>';
       </script>
     </body>
 </html>
diff --git a/src/pages/package.json b/src/pages/package.json
index c997adc94..39061d0c6 100644
--- a/src/pages/package.json
+++ b/src/pages/package.json
@@ -1,12 +1,14 @@
 {
-  "name": "bkuicli-vue3",
+  "name": "bk-user",
   "version": "1.0.0",
   "description": "",
   "scripts": {
     "dev": "bk-cli-service-webpack dev",
     "build": "bk-cli-service-webpack build",
     "server": "node ./paas-server/index.js",
-    "lint:style": "stylelint **/*.{html,vue,css,sass,scss,less} --fix"
+    "lint": "eslint --ext .js,.vue,.ts ./src",
+    "lint:fix": "eslint --fix --ext .js,.vue,.ts ./src",
+    "lint:style": "stylelint \"./**/*.{css,less,vue,html}\" --fix"
   },
   "keywords": [
     "bk-ci",
@@ -39,19 +41,28 @@
   },
   "devDependencies": {
     "@blueking/babel-preset-bk": "^2.1.0-beta7",
-    "@blueking/cli-service-webpack": "0.0.0-beta.73",
+    "@blueking/cli-service-webpack": "0.0.0-beta.87",
     "@blueking/eslint-config-bk": "2.1.0-beta.12",
     "@blueking/stylelint-config-bk": "^2.1.0-beta.9",
+    "@types/node": "^20.5.1",
     "enhanced-resolve": "^5.10.0",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-simple-import-sort": "^10.0.0",
     "less-loader": "7.3.0",
     "postcss": "~8.4.16",
+    "postcss-html": "^1.5.0",
     "postcss-import": "^15.0.0",
+    "postcss-less": "^6.0.0",
     "postcss-mixins": "^9.0.4",
     "postcss-nested": "^6.0.0",
     "postcss-nested-ancestors": "^3.0.0",
     "postcss-preset-env": "^7.8.2",
     "postcss-simple-vars": "^7.0.0",
     "postcss-url": "^10.1.3",
+    "stylelint": "^15.10.3",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-less": "^1.0.8",
+    "stylelint-order": "^6.0.3",
     "typescript": "^4.8.4"
   },
   "engines": {
diff --git a/src/pages/src/app.vue b/src/pages/src/app.vue
index 7254e5c02..ac3f645ae 100644
--- a/src/pages/src/app.vue
+++ b/src/pages/src/app.vue
@@ -1,19 +1,21 @@
 <script setup lang="ts">
+import { Message } from 'bkui-vue';
 import {
   ref,
 } from 'vue';
-import { useUser } from '@/store/user';
-import { getUser } from '@/http/api';
-import { Message } from 'bkui-vue';
+
 import HeaderBox from './views/Header.vue';
 
+import { currentUser } from '@/http/api';
+import { useUser } from '@/store/user';
+
 // 加载完用户数据才会展示页面
 const isLoading = ref(false);
 // 获取用户数据
 const user = useUser();
-getUser()
-  .then((data) => {
-    user.setUser(data);
+currentUser()
+  .then((res) => {
+    user.setUser(res.data);
     isLoading.value = false;
   })
   .catch(() => {
diff --git a/src/pages/src/common/regex.ts b/src/pages/src/common/regex.ts
index 9b0a20768..c6c36b569 100644
--- a/src/pages/src/common/regex.ts
+++ b/src/pages/src/common/regex.ts
@@ -3,8 +3,8 @@
  * 由1-32位字母、数字、下划线(_)、点(.)、减号(-)字符组成，以字母或数字开头
  */
 export const usernameRegx = {
-  rule: /^[a-zA-Z0-9][0-9a-zA-Z]{0,31}$/,
-  message: "由1-32位字母、数字、下划线(_)、点(.)、减号(-)字符组成，以字母或数字开头",
+  rule: /^([a-zA-Z])([a-zA-Z0-9._-]){0,31}$/,
+  message: '由1-32位字母、数字、下划线(_)、点(.)、减号(-)字符组成，以字母或数字开头',
 };
 
 /**
@@ -12,7 +12,7 @@ export const usernameRegx = {
  */
 export const emailRegx = {
   rule: /^([A-Za-z0-9_\-.])+@([A-Za-z0-9_\-.])+\.[A-Za-z]+$/,
-  message: "请输入正确的邮箱地址",
+  message: '请输入正确的邮箱地址',
 };
 
 /**
@@ -20,5 +20,13 @@ export const emailRegx = {
  */
 export const telRegx = {
   rule: /^1[3-9]\d{9}$/,
-  message: "请输入正确的手机号码",
+  message: '请输入正确的手机号码',
+};
+
+/**
+ * 租户ID
+ */
+export const tenantIdRegx = {
+  rule: /^([a-zA-Z])([a-zA-Z0-9-]){2,31}$/,
+  message: '由3-32位字母、数字、连接符(-)字符组成，以字母开头',
 };
diff --git a/src/pages/src/components/Empty.vue b/src/pages/src/components/Empty.vue
index 5eb2dccea..7cde8e9df 100644
--- a/src/pages/src/components/Empty.vue
+++ b/src/pages/src/components/Empty.vue
@@ -42,27 +42,29 @@ const props = defineProps({
 
 <style lang="less" scoped>
 .no-data-wrapper {
-  height: 100%;
   width: 100%;
+  height: 100%;
 
   .empty-search-text {
     display: block;
+    width: 100%;
     font-size: 12px;
     line-height: 20px;
     text-align: center;
-    width: 100%;
   }
 
   :deep(.bk-exception-text.part-text) {
     line-height: 25px;
+
     p {
       display: flex;
       font-size: 12px;
       color: #979BA5;
     }
   }
+
   :deep(.bk-link-text) {
     font-size: 12px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/pages/src/components/layouts/Login.vue b/src/pages/src/components/layouts/Login.vue
index a181b6767..b875b68b5 100644
--- a/src/pages/src/components/layouts/Login.vue
+++ b/src/pages/src/components/layouts/Login.vue
@@ -17,14 +17,13 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, computed } from "vue";
-import { watch } from "vue";
+import { computed, reactive, watch } from 'vue';
 
 type LoginInfo = {
   src: string,
   width: number,
   height: number,
-}
+};
 
 const state = reactive({
   src: '',
@@ -60,13 +59,10 @@ window.login = {
 <style lang="less" scoped>
 .login-modal {
   position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   z-index: 99999;
   font-size: 0;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgb(0 0 0 / 60%);
 
   &__container {
     position: relative;
diff --git a/src/pages/src/components/layouts/MainBreadcrumbs.vue b/src/pages/src/components/layouts/MainBreadcrumbs.vue
index 418169a5d..0b364a89f 100644
--- a/src/pages/src/components/layouts/MainBreadcrumbs.vue
+++ b/src/pages/src/components/layouts/MainBreadcrumbs.vue
@@ -14,12 +14,13 @@
 </template>
 
 <script setup lang="ts">
-import { useMainViewStore } from '@/store/mainView';
-import { useRoute, useRouter } from 'vue-router';
 import { computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { useMainViewStore } from '@/store/mainView';
 
 const store = useMainViewStore();
-const route = useRoute()
+const route = useRoute();
 const router = useRouter();
 
 /**
@@ -47,15 +48,15 @@ const handleBack = () => {
 
 <style lang="less">
   .main-breadcrumbs {
-    display: flex;
-    align-items: center;
     position: relative;
     z-index: 11;
+    display: flex;
     width: 100%;
     height: 52px;
     padding: 0 24px;
     background-color: #fff;
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.04);
+    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 4%);
+    align-items: center;
 
     &__back {
       margin-right: 10px;
diff --git a/src/pages/src/components/layouts/MainBreadcrumbsDetails.vue b/src/pages/src/components/layouts/MainBreadcrumbsDetails.vue
index 11f7bf53b..85aa62068 100644
--- a/src/pages/src/components/layouts/MainBreadcrumbsDetails.vue
+++ b/src/pages/src/components/layouts/MainBreadcrumbsDetails.vue
@@ -21,19 +21,20 @@
 </template>
 
 <script setup lang="ts">
-import { useMainViewStore } from '@/store/mainView';
-import { useRoute, useRouter } from 'vue-router';
 import { computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { useMainViewStore } from '@/store/mainView';
 
 const props = defineProps({
   subtitle: {
     type: String,
-    default: "",
+    default: '',
   },
 });
 
 const store = useMainViewStore();
-const route = useRoute()
+const route = useRoute();
 const router = useRouter();
 store.customBreadcrumbs = true;
 /**
@@ -62,16 +63,16 @@ const handleBack = () => {
 
 <style lang="less">
 .main-breadcrumbs-details {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
   position: relative;
   z-index: 11;
+  display: flex;
   width: 100%;
   height: 52px;
   padding: 0 24px;
   background-color: #fff;
-  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.04);
+  box-shadow: 0 3px 4px 0 rgb(0 0 0 / 4%);
+  align-items: center;
+  justify-content: space-between;
 
   &__back {
     margin-right: 10px;
@@ -84,6 +85,7 @@ const handleBack = () => {
     margin-right: 8px;
     font-size: 16px;
     color: #313238;
+
     .subtitle {
       font-size: 14px;
       color: #63656E;
diff --git a/src/pages/src/components/layouts/MainView.vue b/src/pages/src/components/layouts/MainView.vue
index 7a4e7d965..f1e63d193 100644
--- a/src/pages/src/components/layouts/MainView.vue
+++ b/src/pages/src/components/layouts/MainView.vue
@@ -24,10 +24,11 @@
 </template>
 
 <script setup lang="tsx">
-import { useMenu } from '@/store/useMenu';
-import { useMainViewStore } from '@/store/mainView';
 import MainBreadcrumbs from './MainBreadcrumbs.vue';
 
+import { useMainViewStore } from '@/store/mainView';
+import { useMenu } from '@/store/useMenu';
+
 const menuStore = useMenu();
 const mainViewStore = useMainViewStore();
 </script>
diff --git a/src/pages/src/components/user-info.vue b/src/pages/src/components/user-info.vue
index 775935f9d..18471e9dc 100644
--- a/src/pages/src/components/user-info.vue
+++ b/src/pages/src/components/user-info.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import { AngleDownLine } from 'bkui-vue/lib/icon';
 import { ref } from 'vue';
-import { useUser } from '@/store/user';
+
 import { logout } from '@/common/auth';
-import { AngleDownLine } from 'bkui-vue/lib/icon';
+import { useUser } from '@/store/user';
 
 const user = useUser();
 const userInfo = ref(user.user);
@@ -29,16 +30,18 @@ const userInfo = ref(user.user);
 
 <style lang="postcss" scoped>
 .user-home {
-    z-index: 1000;
-    font-size: 14px;
-    .user-name {
-      cursor: pointer;
-    }
-    .logout {
-      display: inline-block;
-      text-align: center;
-      width: 50px;
-      cursor: pointer;
-    }
+  z-index: 1000;
+  font-size: 14px;
+
+  .user-name {
+    cursor: pointer;
+  }
+
+  .logout {
+    display: inline-block;
+    width: 50px;
+    text-align: center;
+    cursor: pointer;
+  }
 }
 </style>
diff --git a/src/pages/src/css/index.css b/src/pages/src/css/index.css
index e745dd0eb..ecc6f8465 100644
--- a/src/pages/src/css/index.css
+++ b/src/pages/src/css/index.css
@@ -1,5 +1,5 @@
-@import url(./main.css);
-@import url(./reset.css);
+@import url("./main.css");
+@import url("./reset.css");
 
 .mr8 {
   margin-right: 8px;
diff --git a/src/pages/src/css/main.css b/src/pages/src/css/main.css
index c3847d6ad..0ec6c2316 100644
--- a/src/pages/src/css/main.css
+++ b/src/pages/src/css/main.css
@@ -1,13 +1,13 @@
 .app {
+  width: 100vw;
+  height: 100vh;
+  overflow: auto;
   font-family: Avenir, Helvetica, Arial, sans-serif;
+  font-size: 12px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  background: #f5f7fb;
   color: #63656e;
-  font-size: 12px;
+  text-align: center;
   text-align: left;
-  width: 100vw;
-  height: 100vh;
-  overflow: auto;
+  background: #f5f7fb;
 }
diff --git a/src/pages/src/css/menuStyle.less b/src/pages/src/css/menuStyle.less
index 95741f698..75f11553a 100644
--- a/src/pages/src/css/menuStyle.less
+++ b/src/pages/src/css/menuStyle.less
@@ -4,8 +4,8 @@
   box-shadow: 1px 0 0 0 #dcdee5;
 
   .bk-menu-item {
-    color: #63656e;
     margin: 0;
+    color: #63656e;
 
     .item-icon {
       font-size: 14px;
@@ -17,8 +17,8 @@
   }
 
   .is-active {
-    background: #e1ecff;
     color: #3a84ff;
+    background: #e1ecff;
 
     &:hover {
       background: #e1ecff;
diff --git a/src/pages/src/css/reset.css b/src/pages/src/css/reset.css
index e7a0cf7ef..80c74a7a8 100644
--- a/src/pages/src/css/reset.css
+++ b/src/pages/src/css/reset.css
@@ -1,4 +1,4 @@
-/*CSS Reset*/
+/* CSS Reset */
 html,
 body,
 div,
@@ -116,8 +116,8 @@ mark,
 audio,
  
 video {
-  margin: 0;
   padding: 0;
+  margin: 0;
 }
 
 /* HTML5 display-role reset for older browsers */
@@ -145,14 +145,13 @@ section {
 
 body {
   font-family: 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
-  line-height: 1.5;
   font-size: 12px;
+  line-height: 1.5;
   color: #000;
-  user-select: none;
-  user-select: none;
   text-size-adjust: 100%;
-  -webkit-tap-highlight-color: transparent;
   outline: 0;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
 }
 
 h1,
@@ -210,14 +209,12 @@ input,
 select,
 textarea {
   box-sizing: content-box;
-  box-sizing: content-box;
-  box-sizing: content-box;
 }
 
 button {
-  appearance: none;
-  border: 0;
   background: none;
+  border: 0;
+  appearance: none;
 }
 
 a {
diff --git a/src/pages/src/css/tenantEditStyle.less b/src/pages/src/css/tenantEditStyle.less
new file mode 100644
index 000000000..1a22ad637
--- /dev/null
+++ b/src/pages/src/css/tenantEditStyle.less
@@ -0,0 +1,111 @@
+.operation-wrapper {
+  position: relative;
+  background: #f5f7fa;
+
+  .operation-content {
+    padding: 0 24px;
+
+    .operation-card {
+      padding: 16px 20px 24px;
+      margin: 16px 0;
+      list-style: none;
+      background: #fff;
+      border-radius: 2px;
+      box-shadow: 0 2px 4px 0 #1919290d;
+
+      .operation-content-title {
+        font-size: 14px;
+        font-weight: 700;
+        line-height: 40px;
+        color: #63656e;
+      }
+
+      .operation-content-info {
+        display: flex;
+        justify-content: space-between;
+        padding-right: 60px;
+
+        .operation-content-form {
+          .bk-input {
+            width: 420px;
+          }
+
+          :deep(.bk-form-error) {
+            position: initial !important;
+            width: 420px;
+          }
+        }
+      }
+
+      :deep(.bk-form-item) {
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      .item-style {
+        :deep(.bk-form-label) {
+          float: unset;
+          width: 100%;
+          text-align: left;
+        }
+
+        :deep(.bk-form-content) {
+          margin-left: 0 !important;
+
+          .bk-form-error {
+            left: 145px;
+          }
+        }
+      }
+
+      .operation-content-table {
+        margin-top: 16px;
+
+        :deep(.bk-table-body) {
+          .cell {
+            padding: 0 !important;
+
+            .bk-form-item {
+              margin-bottom: 0;
+
+              .bk-form-content {
+                margin-left: 0 !important;
+
+                .bk-input {
+                  height: 42px;
+                  border-color: transparent;
+                }
+
+                .bk-input:hover:not(.is-disabled) {
+                  border-color: #3a84ff;
+                }
+              }
+            }
+
+            .user-icon {
+              color: #dcdee5;
+
+              &:hover {
+                color: #c4c6cc;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .footer {
+    position: fixed;
+    bottom: 0;
+    height: 48px;
+    padding: 0 24px;
+    line-height: 48px;
+
+    .bk-button {
+      width: 88px;
+      margin-right: 8px;
+    }
+  }
+}
diff --git a/src/pages/src/css/tenantViewStyle.less b/src/pages/src/css/tenantViewStyle.less
new file mode 100644
index 000000000..0f9384144
--- /dev/null
+++ b/src/pages/src/css/tenantViewStyle.less
@@ -0,0 +1,81 @@
+.details-info-wrapper {
+  height: calc(100vh - 140px);
+  padding: 24px;
+
+  .details-info-content {
+    padding: 0 24px;
+    background: #fff;
+    border-radius: 2px;
+    box-shadow: 0 2px 4px 0 #1919290d;
+
+    .item-header {
+      display: flex;
+      align-items: baseline;
+      justify-content: space-between;
+
+      .bk-button {
+        width: 64px;
+      }
+    }
+
+    .content-item {
+      padding-top: 24px;
+      border-bottom: 1px solid #eaebf0;
+
+      .item-title {
+        font-size: 14px;
+        font-weight: 700;
+      }
+
+      .item-content {
+        position: relative;
+        padding: 20px 0;
+
+        li {
+          display: flex;
+          width: 100%;
+          font-size: 14px;
+          line-height: 40px;
+
+          .key {
+            display: inline-block;
+            width: 180px;
+            text-align: right;
+          }
+
+          .value {
+            color: #313238;
+          }
+        }
+      }
+
+      .flex {
+        display: flex;
+        flex-wrap: wrap;
+
+        li {
+          width: 50%;
+        }
+
+        img {
+          position: absolute;
+          right: -160px;
+          width: 72px;
+          height: 72px;
+        }
+      }
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      .user-info-table {
+        padding: 20px 0;
+
+        :deep(.bk-fixed-bottom-border) {
+          border-top: none;
+        }
+      }
+    }
+  }
+}
diff --git a/src/pages/src/hooks/useMenuInfo.ts b/src/pages/src/hooks/useMenuInfo.ts
index 5d5ce2d97..7f182f4a5 100644
--- a/src/pages/src/hooks/useMenuInfo.ts
+++ b/src/pages/src/hooks/useMenuInfo.ts
@@ -1,5 +1,5 @@
-import { RouteLocationNormalizedLoaded, RouteRecordRaw, useRoute, useRouter } from "vue-router";
 import { computed } from 'vue';
+import { RouteLocationNormalizedLoaded, RouteRecordRaw, useRoute, useRouter } from 'vue-router';
 
 export const useMenuInfo = () => {
   const route = useRoute();
@@ -34,4 +34,4 @@ export const useMenuInfo = () => {
     openedKeys,
     handleChangeMenu,
   };
-}
\ No newline at end of file
+};
diff --git a/src/pages/src/http/api.ts b/src/pages/src/http/api.ts
index 608f6a683..a44688d46 100644
--- a/src/pages/src/http/api.ts
+++ b/src/pages/src/http/api.ts
@@ -1,5 +1,3 @@
-import fetch from './fetch';
+import http from './fetch';
 
-const apiPerfix = '/api/v1/web';
-
-export const getUser = () => fetch.get(`${apiPerfix}/user`);
+export const currentUser = () => http.get('/api/v1/web/basic/current-user/');
diff --git a/src/pages/src/http/fetch/error-interceptor.ts b/src/pages/src/http/fetch/error-interceptor.ts
index 44fc3fe40..2e43e3604 100644
--- a/src/pages/src/http/fetch/error-interceptor.ts
+++ b/src/pages/src/http/fetch/error-interceptor.ts
@@ -1,5 +1,7 @@
-import type { IFetchConfig } from './index';
 import { Message } from 'bkui-vue';
+
+import type { IFetchConfig } from './index';
+
 import { showLoginModal } from '@/common/auth';
 
 // 请求执行失败拦截器
diff --git a/src/pages/src/http/fetch/index.ts b/src/pages/src/http/fetch/index.ts
index abbfcba94..eee1b0667 100644
--- a/src/pages/src/http/fetch/index.ts
+++ b/src/pages/src/http/fetch/index.ts
@@ -1,6 +1,6 @@
-import Cookies from 'js-cookie';
 import axios, { AxiosError, type AxiosRequestConfig, type AxiosResponse } from 'axios';
 import { Message } from 'bkui-vue';
+import Cookies from 'js-cookie';
 import qs from 'query-string';
 
 interface LoginData {
@@ -87,9 +87,26 @@ const handleResponse = <T>({
 };
 
 const handleReject = (error: AxiosError, config: Record<string, any>) => {
-  const {
-    message,
-  } = error;
+  const { status } = error.response;
+  const { message, data } = error.response.data.error;
+
+  if (status === 401) {
+    const loginData = data;
+    const src = loginData?.login_url
+      ? `${loginData.login_plain_url}?size=small&${loginData.callback_url_param_key}=${encodeURIComponent(window.location.href)}`
+      : '';
+
+    if (error.config.url === '/api/v1/web/basic/current-user/') {
+      return window.location.href = src;
+    }
+    window.login.showLogin({
+      src,
+      width: loginData.width,
+      height: loginData.height,
+    });
+
+    return;
+  }
 
   // 全局捕获错误给出提示
   if (config.globalError) {
diff --git a/src/pages/src/http/tenantsFiles.ts b/src/pages/src/http/tenantsFiles.ts
index 29e81d8ee..19118a09c 100644
--- a/src/pages/src/http/tenantsFiles.ts
+++ b/src/pages/src/http/tenantsFiles.ts
@@ -1,11 +1,11 @@
 import http from './fetch';
 import type {
-  TenantsListResult,
   NewTenantParams,
   TenantDetailsResult,
+  TenantsListResult,
   TenantUpdateParams,
-  TenantUsersListResult,
   TenantUsersListParams,
+  TenantUsersListResult,
 } from './types/tenantsFiles';
 
 /**
@@ -16,7 +16,7 @@ export const getTenants = (): Promise<TenantsListResult> => http.get('/api/v1/we
 /**
  * 搜索租户列表
  */
- export const searchTenants = (name: string): Promise<TenantsListResult> => http.get(`/api/v1/web/tenants/?name=${name}`);
+export const searchTenants = (name: string): Promise<TenantsListResult> => http.get(`/api/v1/web/tenants/?name=${name}`);
 
 /**
  * 新建租户
@@ -44,4 +44,4 @@ export const getTenantUsers = (id: string) => http.get(`/api/v1/web/tenants/${id
 export const getTenantUsersList = (params: TenantUsersListParams): Promise<TenantUsersListResult> => {
   const { tenant_id, keyword, page, page_size  } = params;
   return http.get(`/api/v1/web/tenants/${tenant_id}/users/?keyword=${keyword}&page=${page}&page_size=${page_size}`);
-}
+};
diff --git a/src/pages/src/main.ts b/src/pages/src/main.ts
index c948f67ef..1b2041bbf 100644
--- a/src/pages/src/main.ts
+++ b/src/pages/src/main.ts
@@ -1,13 +1,14 @@
-import { createApp } from 'vue';
+// 全量引入 bkui-vue
+import bkui, { InfoBox } from 'bkui-vue';
 import { createPinia } from 'pinia';
-import router from './router';
+import { createApp } from 'vue';
+
 import App from './app.vue';
+import router from './router';
+
 import './css/index.css';
 import '../static/bk_icon_font/style.css';
 import '../static/blueking-icon/style.css';
-
-// 全量引入 bkui-vue
-import bkui, { InfoBox } from 'bkui-vue';
 // 全量引入 bkui-vue 样式
 import 'bkui-vue/dist/style.css';
 
@@ -44,6 +45,20 @@ const leaveBefore = async () => {
 
 window.leaveBefore = leaveBefore;
 
+window.loginBox = true;
+let pre = window;
+while (pre.parent && pre.parent !== pre) {
+  pre = pre.parent;
+  if (pre.loginBox) {
+    pre.close?.();
+    break;
+  }
+}
+
+window.close = () => {
+  window.login.hideLogin();
+};
+
 createApp(App)
   .use(router)
   .use(createPinia())
diff --git a/src/pages/src/router/index.ts b/src/pages/src/router/index.ts
index 66bddef90..9e61a464e 100644
--- a/src/pages/src/router/index.ts
+++ b/src/pages/src/router/index.ts
@@ -1,39 +1,39 @@
-import { createRouter, createWebHistory } from "vue-router";
+import { createRouter, createWebHistory } from 'vue-router';
 
 export default createRouter({
   history: createWebHistory(window.SITE_URL),
   routes: [
     {
-      path: "/",
-      name: "organization",
-      component: () => import("@/views/organization/index.vue"),
+      path: '/',
+      name: 'organization',
+      component: () => import('@/views/organization/index.vue'),
     },
     {
-      path: "/tenantry",
-      name: "tenantry",
+      path: '/tenant',
+      name: 'tenant',
       redirect: {
-        name: "tenantInfo",
+        name: 'tenantInfo',
       },
       meta: {
-        navName: "集团概览",
+        navName: '集团概览',
       },
-      component: () => import("@/views/tenantry/index.vue"),
+      component: () => import('@/views/tenant/index.vue'),
       children: [
         {
-          path: "info",
-          name: "tenantInfo",
+          path: 'info',
+          name: 'tenantInfo',
           meta: {
-            routeParentName: "tenantry",
-            navName: "集团概览",
+            routeParentName: 'tenant',
+            navName: '集团概览',
             isMenu: true,
           },
-          component: () => import("@/views/tenantry/group-details/index.vue"),
+          component: () => import('@/views/tenant/group-details/index.vue'),
         },
         // {
         //   path: "setting",
         //   name: "globalSetting",
         //   meta: {
-        //     routeParentName: "tenantry",
+        //     routeParentName: "tenant",
         //     navName: "全局设置",
         //     isMenu: true,
         //   },
@@ -41,109 +41,100 @@ export default createRouter({
       ],
     },
     {
-      path: "/datasource",
-      name: "datasource",
+      path: '/datasource',
+      name: 'datasource',
       redirect: {
-        name: "local",
+        name: 'local',
       },
       meta: {
-        navName: "数据源管理",
+        navName: '数据源管理',
       },
-      component: () => import("@/views/data-source/index.vue"),
+      component: () => import('@/views/data-source/index.vue'),
       children: [
         {
-          path: "",
-          name: "",
+          path: '',
+          name: '',
           meta: {
-            routeParentName: "datasource",
-            navName: "数据源管理",
-            activeMenu: "dataConf",
+            routeParentName: 'datasource',
+            navName: '数据源管理',
           },
-          component: () => import("@/views/data-source/LocalCompany.vue"),
+          component: () => import('@/views/data-source/LocalCompany.vue'),
           children: [
             {
-              path: "local",
-              name: "local",
+              path: 'local',
+              name: 'local',
               meta: {
-                routeParentName: "datasource",
-                navName: "数据源管理",
-                activeMenu: "dataConf",
+                routeParentName: 'datasource',
+                navName: '数据源管理',
               },
-              component: () =>
-                import("@/views/data-source/LocalDataSource.vue"),
+              component: () => import('@/views/data-source/LocalDataSource.vue'),
             },
             {
-              path: "other",
-              name: "other",
+              path: 'other',
+              name: 'other',
               meta: {
-                routeParentName: "datasource",
-                navName: "数据源管理",
-                activeMenu: "dataConf",
+                routeParentName: 'datasource',
+                navName: '数据源管理',
               },
-              component: () =>
-                import("@/views/data-source/OtherDataSource.vue"),
+              component: () => import('@/views/data-source/OtherDataSource.vue'),
             },
           ],
         },
         {
-          path: "local-details/:name/:type",
-          name: "dataConfDetails",
+          path: 'local-details/:name/:type',
+          name: 'dataConfDetails',
           meta: {
-            routeParentName: "datasource",
-            navName: "数据源详情",
-            activeMenu: "dataConf",
+            routeParentName: 'datasource',
+            navName: '数据源详情',
           },
-          component: () =>
-            import("@/views/data-source/local-details/index.vue"),
+          component: () => import('@/views/data-source/local-details/index.vue'),
         },
         {
-          path: "new-local/:type",
-          name: "newLocal",
+          path: 'new-local/:type',
+          name: 'newLocal',
           meta: {
-            routeParentName: "datasource",
-            navName: "新建数据源",
-            activeMenu: "dataConf",
+            routeParentName: 'datasource',
+            navName: '新建数据源',
           },
-          component: () =>
-            import("@/views/data-source/new-data/NewLocalData.vue"),
+          component: () => import('@/views/data-source/new-data/NewLocalData.vue'),
         },
       ],
     },
     {
-      path: "/audit",
-      name: "audit",
-      component: () => import("@/views/audit/index.vue"),
+      path: '/audit',
+      name: 'audit',
+      component: () => import('@/views/audit/index.vue'),
     },
     {
-      path: "/setting",
-      name: "setting",
+      path: '/setting',
+      name: 'setting',
       redirect: {
-        name: "userFields",
+        name: 'userFields',
       },
       meta: {
-        navName: "用户字段设置",
+        navName: '用户字段设置',
       },
-      component: () => import("@/views/setting/index.vue"),
+      component: () => import('@/views/setting/index.vue'),
       children: [
         {
-          path: "fields",
-          name: "userFields",
+          path: 'fields',
+          name: 'userFields',
           meta: {
-            routeParentName: "setting",
-            navName: "用户字段设置",
+            routeParentName: 'setting',
+            navName: '用户字段设置',
             isMenu: true,
           },
-          component: () => import("@/views/setting/FieldSetting.vue"),
+          component: () => import('@/views/setting/FieldSetting.vue'),
         },
         {
-          path: "login",
-          name: "login",
+          path: 'login',
+          name: 'login',
           meta: {
-            routeParentName: "setting",
-            navName: "登录设置",
+            routeParentName: 'setting',
+            navName: '登录设置',
             isMenu: true,
           },
-          component: () => import("@/views/setting/LoginSetting.vue"),
+          component: () => import('@/views/setting/LoginSetting.vue'),
         },
       ],
     },
diff --git a/src/pages/src/store/mainView.ts b/src/pages/src/store/mainView.ts
index 3a23388eb..6d632ddd8 100644
--- a/src/pages/src/store/mainView.ts
+++ b/src/pages/src/store/mainView.ts
@@ -1,4 +1,4 @@
-import { acceptHMRUpdate, defineStore } from "pinia";
+import { acceptHMRUpdate, defineStore } from 'pinia';
 
 export const useMainViewStore = defineStore('mainView', {
   state: () => ({
diff --git a/src/pages/src/utils/index.ts b/src/pages/src/utils/index.ts
index 4bd099824..290dadbd1 100644
--- a/src/pages/src/utils/index.ts
+++ b/src/pages/src/utils/index.ts
@@ -1,25 +1,26 @@
-import normalImg from "@/images/normal.svg";
-import abnormalImg from "@/images/abnormal.svg";
-import unknownImg from "@/images/unknown.svg";
-import warningImg from "@/images/warning.svg";
-import { Message } from "bkui-vue";
+import { Message } from 'bkui-vue';
+
+import abnormalImg from '@/images/abnormal.svg';
+import normalImg from '@/images/normal.svg';
+import unknownImg from '@/images/unknown.svg';
+import warningImg from '@/images/warning.svg';
 
 export const statusIcon = {
-  'normal': {
+  normal: {
     icon: normalImg,
-    text: "正常",
+    text: '正常',
   },
-  'disabled': {
+  disabled: {
     icon: unknownImg,
-    text: "禁用",
+    text: '禁用',
   },
-  'locked': {
+  locked: {
     icon: warningImg,
-    text: "冻结",
+    text: '冻结',
   },
-  'delete': {
+  delete: {
     icon: abnormalImg,
-    text: "删除",
+    text: '删除',
   },
 };
 
@@ -38,7 +39,7 @@ export const copy = (value: string) => {
     const res = document.execCommand('copy');
     if (res) {
       Message({
-        message: "复制成功",
+        message: '复制成功',
         theme: 'success',
         delay: 1500,
       });
@@ -47,7 +48,7 @@ export const copy = (value: string) => {
     throw new Error();
   } catch (e) {
     Message({
-      message: "复制失败",
+      message: '复制失败',
       theme: 'error',
       delay: 1500,
     });
@@ -55,22 +56,39 @@ export const copy = (value: string) => {
 };
 
 // file 转 base64
-export const getBase64 = (file: any) => {
-  return new Promise((resolve, reject) => {
-    ///FileReader类就是专门用来读文件的
-    const reader = new FileReader();
-    //开始读文件
-    //readAsDataURL: dataurl它的本质就是图片的二进制数据， 进行base64加密后形成的一个字符串，
-    reader.readAsDataURL(file);
-    // 成功和失败返回对应的信息，reader.result一个base64，可以直接使用
-    reader.onload = () => resolve(reader.result);
-    // 失败返回失败的信息
-    reader.onerror = error => reject(error);
-  });
-}
+export const getBase64 = (file: any) => new Promise((resolve, reject) => {
+  /// FileReader类就是专门用来读文件的
+  const reader = new FileReader();
+  // 开始读文件
+  // readAsDataURL: dataurl它的本质就是图片的二进制数据， 进行base64加密后形成的一个字符串，
+  reader.readAsDataURL(file);
+  // 成功和失败返回对应的信息，reader.result一个base64，可以直接使用
+  reader.onload = () => resolve(reader.result);
+  // 失败返回失败的信息
+  reader.onerror = error => reject(error);
+});
 
 // 无logo首字母色彩取值范围
 export const logoColor = [
-  "#3A84FF", "#699DF4", "#18B456", "#51BE68", "#FF9C01", "#FFB848", "#EA3636", "#FF5656",
-  "#3762B8", "#3E96C2", "#61B2C2", "#85CCA8", "#FFC685", "#FFA66B", "#F5876C", "#D66F6B",
+  '#3A84FF', '#699DF4', '#18B456', '#51BE68', '#FF9C01', '#FFB848', '#EA3636', '#FF5656',
+  '#3762B8', '#3E96C2', '#61B2C2', '#85CCA8', '#FFC685', '#FFA66B', '#F5876C', '#D66F6B',
 ];
+
+export const dataSourceType = {
+  local: {
+    icon: 'user-icon icon-shujuku',
+    text: '本地',
+  },
+  mad: {
+    icon: 'user-icon icon-win',
+    text: 'MAD',
+  },
+  ldap: {
+    icon: 'user-icon icon-ladp',
+    text: 'OpenLDAP',
+  },
+  wechat: {
+    icon: 'user-icon icon-qiyeweixin',
+    text: '企业微信',
+  },
+};
diff --git a/src/pages/src/views/Header.vue b/src/pages/src/views/Header.vue
index 31233a85e..a2cd7b288 100644
--- a/src/pages/src/views/Header.vue
+++ b/src/pages/src/views/Header.vue
@@ -66,7 +66,7 @@
           @hide="() => (state.logoutDropdown = false)"
           @show="() => (state.logoutDropdown = true)"
         >
-          <div class="help-info">
+          <div class="help-info" :class="state.logoutDropdown && 'active-username'">
             <span class="help-info-name">{{ userInfo.username }}</span>
             <DownShape class="help-info-icon" />
           </div>
@@ -84,67 +84,70 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive } from "vue";
-import { useUser } from "@/store/user";
-import { logout } from "@/common/auth";
-import { DownShape, HelpDocumentFill } from "bkui-vue/lib/icon";
-import Login from "@/components/layouts/Login.vue";
+import { DownShape, HelpDocumentFill } from 'bkui-vue/lib/icon';
+import { computed, reactive, ref } from 'vue';
+
+import { logout } from '@/common/auth';
+import Login from '@/components/layouts/Login.vue';
+import { useUser } from '@/store/user';
 
 const state = reactive({
   logoutDropdown: false,
   helpDropdown: false,
   languageDrodown: false,
 });
-const user = useUser();
-const userInfo = ref(user.user);
+
+const userStore = useUser();
+const userInfo = computed(() => userStore.user);
+
 const headerNav = reactive([
   {
-    name: "组织架构",
-    path: "organization",
-  },
-  {
-    name: "数据源管理",
-    path: "datasource",
+    name: '组织架构',
+    path: 'organization',
   },
   {
-    name: "租户管理",
-    path: "tenantry",
+    name: '数据源管理',
+    path: 'datasource',
   },
   {
-    name: "审计",
-    path: "audit",
+    name: '租户管理',
+    path: 'tenant',
   },
+  // {
+  //   name: "审计",
+  //   path: "audit",
+  // },
   {
-    name: "设置",
-    path: "setting",
+    name: '设置',
+    path: 'setting',
   },
 ]);
 const languageNav = reactive([
   {
-    name: "中文",
-    icon: "bk-sq-icon icon-yuyanqiehuanzhongwen",
+    name: '中文',
+    icon: 'bk-sq-icon icon-yuyanqiehuanzhongwen',
   },
   {
-    name: "English",
-    icon: "bk-sq-icon icon-yuyanqiehuanyingwen",
+    name: 'English',
+    icon: 'bk-sq-icon icon-yuyanqiehuanyingwen',
   },
 ]);
 const helpNav = reactive([
   {
-    name: "产品文档",
-    url: "",
+    name: '产品文档',
+    url: '',
   },
   {
-    name: "版本日志",
-    url: "",
+    name: '版本日志',
+    url: '',
   },
   {
-    name: "问题反馈",
-    url: "",
+    name: '问题反馈',
+    url: '',
   },
 ]);
 const toLink = (item: any) => {
-  window.open(item.url, "_blank");
+  window.open(item.url, '_blank');
 };
 </script>
 
@@ -152,14 +155,17 @@ const toLink = (item: any) => {
 .main-navigation {
   :deep(.bk-navigation-header) {
     background-color: #0e1525;
+
     .icon-user-logo-i {
-      color: #458df4;
       font-size: 28px;
+      color: #458df4;
     }
+
     .title-desc {
       color: #eaebf0;
     }
   }
+
   :deep(.container-content) {
     padding: 0 !important;
   }
@@ -170,8 +176,8 @@ const toLink = (item: any) => {
 }
 
 .main-navigation-left {
-  font-size: 14px;
   margin-left: 20px;
+  font-size: 14px;
   line-height: 52px;
 }
 
@@ -191,40 +197,50 @@ const toLink = (item: any) => {
 }
 
 .main-navigation-right {
+  margin: 0 10px;
   color: #96a2b9;
-  margin: 0px 10px;
+
   .bk-dropdown {
     padding: 0 10px;
+
     .help-info {
       padding: 5px;
       border-radius: 50%;
     }
+
     .active {
       background: #252f43;
+
       .bk-sq-icon, .help-info-name {
         color: #3a84ff;
       }
     }
-    .help-info-icon {
-      vertical-align: middle;
-    }
-    &:hover {
+
+    .active-username {
       color: #3a84ff;
       cursor: pointer;
+
       .help-info-icon {
         display: inline-block;
-        transition: all 0.2s;
         transform: rotate(180deg);
+        transition: all 0.2s;
       }
     }
+
+    .help-info-icon {
+      vertical-align: middle;
+    }
+
     .help-info-name {
       padding-right: 4px;
       font-size: 14px;
+
       span {
         font-size: 16px;
         vertical-align: middle;
       }
     }
+
     .bk-sq-icon {
       font-size: 16px;
     }
diff --git a/src/pages/src/views/data-source/LocalCompany.vue b/src/pages/src/views/data-source/LocalCompany.vue
index d557ce262..27dab5a90 100644
--- a/src/pages/src/views/data-source/LocalCompany.vue
+++ b/src/pages/src/views/data-source/LocalCompany.vue
@@ -17,14 +17,15 @@
 </template>
 
 <script setup lang="tsx">
-import { ref, reactive } from "vue";
-import { useMenuInfo } from "@/hooks/useMenuInfo";
-import router from "@/router/index";
+import { reactive, ref } from 'vue';
+
+import { useMenuInfo } from '@/hooks/useMenuInfo';
+import router from '@/router/index';
 
 const { activeKey } = useMenuInfo();
-const active = ref("local");
+const active = ref('local');
 const panels = reactive([
-  { name: "local", label: "本公司" },
+  { name: 'local', label: '本公司' },
   // { name: "other", label: "其他公司" },
 ]);
 
diff --git a/src/pages/src/views/data-source/LocalDataSource.vue b/src/pages/src/views/data-source/LocalDataSource.vue
index c3fafa3da..785345ff0 100644
--- a/src/pages/src/views/data-source/LocalDataSource.vue
+++ b/src/pages/src/views/data-source/LocalDataSource.vue
@@ -44,12 +44,12 @@
 <script setup lang="tsx">
 import { ref } from "vue";
 import router from "@/router/index";
-import { statusIcon } from "@/utils";
+import { statusIcon, dataSourceType } from "@/utils";
 
 const searchVal = ref("");
 const dropdownList = ref([
   {
-    icon: "user-icon icon-info-i",
+    icon: "user-icon icon-shujuku",
     title: "本地数据源",
     subTitle: "支持用户的增删改查，以及用户的登录认证",
     type: "local",
@@ -62,14 +62,14 @@ const dropdownList = ref([
   //     type: "mad",
   //   },
   //   {
-  //     icon: "user-icon icon-info-i",
+  //     icon: "user-icon icon-ladp",
   //     title: "OpenLDAP",
   //     subTitle:
   //       "支持对接 OpenLDAP，将用户信息同步到本地或者直接通过接口完成用户登录验证",
   //     type: "ldap",
   //   },
   //   {
-  //     icon: "user-icon icon-qw",
+  //     icon: "user-icon icon-qiyeweixin",
   //     title: "企业微信",
   //     subTitle: "支持企业微信用户数据同步和登录认证",
   //     type: "wechat",
@@ -108,6 +108,14 @@ const columns = [
   {
     label: "数据源类型",
     field: "type",
+    render: ({ data }: { data: any }) => {
+      return (
+        <div>
+          <i class={[dataSourceType[data.type].icon, 'type-icon']} />
+          <span>{dataSourceType[data.type].text}</span>
+        </div>
+      )
+    }
   },
   {
     label: "状态",
@@ -154,69 +162,89 @@ function newDataSource(item) {
 <style lang="less" scoped>
 .user-info-wrapper {
   width: 100%;
-  padding: 24px;
   height: calc(100vh - 140px);
+  padding: 24px;
+
   header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 16px;
+
     .header-right {
       width: 400px;
     }
   }
+
   :deep(.user-info-table) {
     .bk-table-head {
       table thead th {
         text-align: center;
       }
+
       .table-head-settings {
         border-right: none;
       }
     }
+
     .bk-table-footer {
       padding: 0 15px;
       background: #fff;
     }
+
+    .type-icon {
+      margin-right: 8px;
+      font-size: 14px;
+      color: #979BA5;
+    }
+
     .account-status-icon {
       width: 16px;
       height: 16px;
-      vertical-align: middle;
       margin-right: 5px;
+      vertical-align: middle;
     }
   }
 }
+
 .dropdown-menu-ul {
   width: 380px;
-  font-family: "MicrosoftYaHei";
+  font-family: MicrosoftYaHei;
+
   .dropdown-title {
-    color: #63656e;
     padding: 12px 16px;
+    color: #63656e;
   }
+
   .bk-dropdown-item {
     display: flex;
-    align-items: center;
     height: 100%;
-    line-height: 32px;
     padding: 10px 16px;
+    line-height: 32px;
+    align-items: center;
+
     .user-icon {
       font-size: 24px;
       color: #979ba5;
     }
+
     .dropdown-item {
       margin-left: 15px;
+
       span {
         display: block;
       }
+
       .dropdown-item-title {
         font-size: 14px;
         font-weight: 700;
       }
+
       .dropdown-item-subtitle {
-        color: #979ba5;
         width: 300px;
-        white-space: break-spaces;
         line-height: 20px;
+        color: #979ba5;
+        white-space: break-spaces;
       }
     }
   }
diff --git a/src/pages/src/views/data-source/index.vue b/src/pages/src/views/data-source/index.vue
index 011bbb597..4e94679f5 100644
--- a/src/pages/src/views/data-source/index.vue
+++ b/src/pages/src/views/data-source/index.vue
@@ -12,7 +12,7 @@
             v-for="item in menuData"
             :key="item.key">
             <template #icon>
-              <i class="user-icon icon-block-shape" />
+              <i class="user-icon icon-qingximoban" />
             </template>
             {{ item.name }}
           </bk-menu-item>
@@ -32,18 +32,20 @@
 </template>
 
 <script setup lang="tsx">
-import { useMenu } from "@/store/useMenu";
-import { useMenuInfo } from "../../hooks/useMenuInfo";
-import MainView from "@/components/layouts/MainView.vue";
-import { reactive, ref } from "vue";
+import { reactive, ref } from 'vue';
+
+import { useMenuInfo } from '../../hooks/useMenuInfo';
+
+import MainView from '@/components/layouts/MainView.vue';
+import { useMenu } from '@/store/useMenu';
 
 const menuStore = useMenu();
 const { activeKey, handleChangeMenu } = useMenuInfo();
 
 const menuData = reactive([
   {
-    name: "数据源管理",
-    key: "dataConf",
+    name: '数据源管理',
+    key: 'local',
   },
   // {
   //   name: "跨公司协同",
@@ -58,21 +60,24 @@ const menuData = reactive([
 }
 </style>
 <style lang="less" scoped>
-@import "../../css/menuStyle.less";
+@import url("../../css/menuStyle.less");
 
 :deep(.tab-details) {
   height: calc(100vh - 104px);
+
   .bk-tab-header {
-    background: #fff;
-    border-bottom: none;
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.04);
     font-size: 14px;
     line-height: 36px !important;
+    background: #fff;
+    border-bottom: none;
+    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 4%);
+
     .bk-tab-header-item {
-      padding: 0px 5px !important;
+      padding: 0 5px !important;
       margin: 0 20px;
     }
   }
+
   .bk-tab-content {
     padding: 0;
   }
diff --git a/src/pages/src/views/data-source/local-details/EditUser.vue b/src/pages/src/views/data-source/local-details/EditUser.vue
new file mode 100644
index 000000000..85d9e6018
--- /dev/null
+++ b/src/pages/src/views/data-source/local-details/EditUser.vue
@@ -0,0 +1,198 @@
+<template>
+  <div class="edit-user-wrapper">
+    <bk-form
+      ref="formRef"
+      class="add-user-form"
+      form-type="vertical"
+      :model="formData"
+      :rules="rules"
+    >
+      <bk-form-item
+        style="width: 440px;"
+        label="用户名"
+        property="username"
+        required
+      >
+        <bk-input
+          v-model="formData.username"
+          placeholder="数字、下划线(_)、点(.)、减号(-)字符组成，以字母或数字开头"
+        />
+      </bk-form-item>
+      <bk-form-item
+        style="width: 440px;"
+        label="全名"
+        property="full_name"
+        required
+      >
+        <bk-input
+          v-model="formData.full_name"
+          placeholder="全名可随时修改"
+        />
+      </bk-form-item>
+      <BkUpload
+        theme="picture"
+        with-credentials
+        :multiple="false"
+        :files="files"
+        :handle-res-code="handleRes"
+        :url="'https://jsonplaceholder.typicode.com/posts/'"
+      />
+      <bk-form-item label="邮箱" property="email" required>
+        <bk-input v-model="formData.email" placeholder="请输入" />
+      </bk-form-item>
+      <bk-form-item label="手机号" property="telphone" required>
+        <div class="input-text">
+          <bk-input
+            ref="inputRef"
+            v-model="formData.telphone"
+            placeholder="请输入"
+            type="number"
+          />
+        </div>
+      </bk-form-item>
+      <div class="form-item-flex">
+        <bk-form-item label="所属组织" property="department_name" required>
+          <bk-select v-model="formData.department_name">
+            <bk-option value="1" label="" />
+            <bk-option value="2" label="" />
+          </bk-select>
+        </bk-form-item>
+        <bk-form-item label="直属上级" property="leader" required>
+          <bk-select v-model="formData.leader">
+            <bk-option value="1" label="" />
+            <bk-option value="2" label="" />
+          </bk-select>
+        </bk-form-item>
+      </div>
+      <div class="form-item-flex">
+        <bk-form-item label="在职状态" required>
+          <bk-radio-group>
+            <bk-radio label="在职" />
+            <bk-radio label="离职" />
+          </bk-radio-group>
+        </bk-form-item>
+        <bk-form-item label="职务">
+          <bk-radio-group>
+            <bk-radio label="员工" />
+            <bk-radio label="组长" />
+          </bk-radio-group>
+        </bk-form-item>
+      </div>
+      <div class="form-item-flex">
+        <bk-form-item
+          label="账号过期时间"
+          property="account_expiration_time"
+          required
+        >
+          <bk-date-picker
+            type="datetime"
+            v-model="formData.account_expiration_time"
+            clearable
+          />
+        </bk-form-item>
+        <bk-form-item
+          label="密码过期时间"
+          property="password_expiration_time"
+          required
+        >
+          <bk-date-picker
+            type="datetime"
+            v-model="formData.password_expiration_time"
+            clearable
+          />
+        </bk-form-item>
+      </div>
+    </bk-form>
+    <div class="footer">
+      <bk-button theme="primary" @click="handleSubmit">
+        提交
+      </bk-button>
+      <bk-button @click="() => $emit('handleCancelEdit')">
+        取消
+      </bk-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, toRefs } from 'vue';
+
+const formRef = ref('');
+const inputRef = ref('');
+const formData = ref({
+  username: '',
+  full_name: '',
+  department_name: '',
+  leader: '',
+  email: '',
+  telphone: '',
+  account_expiration_time: '',
+  password_expiration_time: '',
+});
+const iti = null;
+const files: any = [];
+const rules = {
+  username: [
+    {
+      validator: (value: string) => value.length > 2,
+      message: '姓名长度不能小于2',
+      trigger: 'blur',
+    },
+  ],
+};
+const handleRes = (response: any) => {
+  if (response.id) {
+    return true;
+  }
+  return false;
+};
+
+const handleSubmit = () => {};
+</script>
+
+<style lang="less" scoped>
+.edit-user-wrapper {
+  position: relative;
+  overflow-x: hidden;
+
+  .add-user-form {
+    position: relative;
+    padding: 28px 40px 60px;
+
+    .bk-upload {
+      position: absolute;
+      top: 54px;
+      right: 32px;
+    }
+
+    .form-item-flex {
+      display: flex;
+      justify-content: space-between;
+
+      .bk-form-item {
+        width: 268px;
+
+        .input-text {
+          position: relative;
+        }
+      }
+    }
+  }
+
+  .footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 48px;
+    padding: 0 24px;
+    line-height: 48px;
+    background: #FAFBFD;
+    box-shadow: 0 -1px 0 0 #DCDEE5;
+
+    .bk-button {
+      width: 88px;
+      margin-right: 8px;
+    }
+  }
+}
+</style>
diff --git a/src/pages/src/views/data-source/local-details/PswInfo.vue b/src/pages/src/views/data-source/local-details/PswInfo.vue
index dc6ac2612..ba8653f20 100644
--- a/src/pages/src/views/data-source/local-details/PswInfo.vue
+++ b/src/pages/src/views/data-source/local-details/PswInfo.vue
@@ -1,9 +1,139 @@
 <template>
-  <div>
-    账密信息
+  <div class="details-info-wrapper user-scroll-y">
+    <ul class="details-info-content">
+      <li class="content-item">
+        <div class="item-header">
+          <p class="item-title">账号信息</p>
+          <bk-button outline theme="primary" @click="handleClickEdit">
+            编辑
+          </bk-button>
+        </div>
+        <ul class="item-content">
+          <li v-for="(item, index) in state.accountInfo" :key="index">
+            <span class="key">{{ accountMap[item.key] }}：</span>
+            <span class="value">{{ item.value }}</span>
+          </li>
+        </ul>
+      </li>
+      <li class="content-item">
+        <div class="item-header">
+          <p class="item-title">密码规则</p>
+        </div>
+        <ul class="item-content flex">
+          <li v-for="(item, index) in state.passwordRule" :key="index">
+            <span class="key">{{ accountMap[item.key] }}：</span>
+            <span class="value">{{ item.value }}</span>
+          </li>
+        </ul>
+      </li>
+      <li class="content-item">
+        <div class="item-header">
+          <p class="item-title">密码设置</p>
+        </div>
+        <ul class="item-content">
+          <li v-for="(item, index) in state.passwordSetting" :key="index">
+            <span class="key">{{ accountMap[item.key] }}：</span>
+            <span class="value">{{ item.value }}</span>
+          </li>
+        </ul>
+      </li>
+    </ul>
   </div>
 </template>
 
-<script setup lang="tsx"></script>
+<script setup lang="tsx">
+import { reactive } from 'vue';
 
-<style lang="less" scoped></style>
+import router from '@/router';
+
+const accountMap = {
+  account_validity: '账号有效期',
+  account_expiration_notice_time: '账号到期提醒时间',
+  account_expiration_notice_method: '账号到期提醒方式',
+  password_length: '密码长度',
+  max_trail_times_list: '密码试错次数',
+  password_must_includes: '密码必须包含',
+  auto_unlock_seconds: '锁定时间',
+  password_rult_length: '密码不允许',
+  frozen: '冻结',
+  password_valid_days_list: '密码有效期',
+  init_password_method: '初始密码获取方式',
+  init_password_notice_method: '初始密码通知方式',
+  password_expiration_notice_time: '密码到期提醒时间',
+  password_expiration_notice_method: '密码到期通知方式',
+};
+const state = reactive({
+  accountInfo: [
+    {
+      key: 'account_validity',
+      value: '永久',
+    },
+    {
+      key: 'account_expiration_notice_time',
+      value: ['1天', '7天'],
+    },
+    {
+      key: 'account_expiration_notice_method',
+      value: '邮箱',
+    },
+  ],
+  passwordRule: [
+    {
+      key: 'password_length',
+      value: '8-32位',
+    },
+    {
+      key: 'max_trail_times_list',
+      value: '3次',
+    },
+    {
+      key: 'password_must_includes',
+      value: ['小写字母', '大写字母', '数字'],
+    },
+    {
+      key: 'auto_unlock_seconds',
+      value: '600秒',
+    },
+    {
+      key: 'password_rult_length',
+      value: ['连续8位出现', '连续字母序'],
+    },
+    {
+      key: 'frozen',
+      value: '连续180天未登录自动冻结',
+    },
+    {
+      key: 'password_valid_days_list',
+      value: '一个月',
+    },
+  ],
+  passwordSetting: [
+    {
+      key: 'init_password_method',
+      value: '固定',
+    },
+    {
+      key: 'init_password_notice_method',
+      value: ['邮箱', '短信'],
+    },
+    {
+      key: 'password_expiration_notice_time',
+      value: ['1天', '7天', '15天'],
+    },
+    {
+      key: 'password_expiration_notice_method',
+      value: ['邮箱'],
+    },
+  ],
+});
+
+const handleClickEdit = () => {
+  router.push({
+    name: 'newLocal',
+  });
+};
+</script>
+
+<style lang="less" scoped>
+@import url("@/css/tenantViewStyle.less");
+</style>
diff --git a/src/pages/src/views/data-source/local-details/UserInfo.vue b/src/pages/src/views/data-source/local-details/UserInfo.vue
index 572deecf1..c476eb999 100644
--- a/src/pages/src/views/data-source/local-details/UserInfo.vue
+++ b/src/pages/src/views/data-source/local-details/UserInfo.vue
@@ -2,18 +2,14 @@
   <div class="user-info-wrapper user-scroll-y">
     <header>
       <div>
-        <bk-button theme="primary" class="mr8">
+        <bk-button theme="primary" class="mr8" @click="handleClick('add')">
           <i class="user-icon icon-add-2 mr8" />
           新建用户
         </bk-button>
-        <bk-button class="mr8">导入</bk-button>
+        <bk-button class="mr8" style="width: 64px;">导入</bk-button>
         <!-- <bk-button>导出</bk-button> -->
       </div>
-      <bk-input
-        class="header-right"
-        v-model="searchVal"
-        type="search"
-      />
+      <bk-input class="header-right" v-model="searchVal" type="search" />
     </header>
     <bk-table
       class="user-info-table"
@@ -22,13 +18,64 @@
       :border="['outer']"
       show-overflow-tooltip
     />
+    <!-- 查看/编辑用户 -->
+    <bk-sideslider
+      ext-cls="details-edit-wrapper"
+      :width="640"
+      :isShow="detailsConfig.isShow"
+      :title="detailsConfig.title"
+      :before-close="handleBeforeClose"
+      quick-close
+    >
+      <template #header>
+        <span>{{ detailsConfig.title }}</span>
+        <div v-if="isView">
+          <bk-button
+            outline
+            theme="primary"
+            @click="handleClick('edit')">
+            编辑
+          </bk-button>
+          <bk-button>重置</bk-button>
+          <bk-button>删除</bk-button>
+        </div>
+      </template>
+      <template #default>
+        <ViewUser v-if="isView" />
+        <EditUser v-else @handleCancelEdit="handleCancelEdit" />
+      </template>
+    </bk-sideslider>
   </div>
 </template>
 
 <script setup lang="tsx">
-import { ref } from "vue";
+import { ref, reactive, computed, inject } from "vue";
+import EditUser from "./EditUser.vue";
+import ViewUser from "./ViewUser.vue";
 
+const editLeaveBefore = inject("editLeaveBefore");
 const searchVal = ref("");
+const detailsConfig = reactive({
+  isShow: false,
+  title: "",
+  type: "",
+});
+
+const enumData = {
+  add: {
+    title: "新建用户",
+    type: "add",
+  },
+  view: {
+    title: "用户详情",
+    type: "view",
+  },
+  edit: {
+    title: "编辑用户",
+    type: "edit",
+  },
+};
+
 const tableData = [
   {
     username: "Loretta Wolfe",
@@ -54,7 +101,11 @@ const columns = [
     field: "username",
     render: ({ data }: { data: any }) => {
       return (
-        <bk-button text theme="primary">
+        <bk-button
+          text
+          theme="primary"
+          onClick={handleClick.bind(this, "view", data)}
+        >
           {data.username}
         </bk-button>
       );
@@ -80,9 +131,7 @@ const columns = [
     label: "启/停",
     field: "enable",
     render: ({ data }: { data: any }) => {
-      return (
-        <bk-switcher value={data.enable} theme="primary"></bk-switcher>
-      );
+      return <bk-switcher value={data.enable} theme="primary"></bk-switcher>;
     },
   },
   {
@@ -91,29 +140,106 @@ const columns = [
     render: ({ data }: { data: any }) => {
       return (
         <div>
-          <bk-button theme="primary" text class="mr8">编辑</bk-button>
-          <bk-button theme="primary" text class="mr8">重置密码</bk-button>
-          <bk-button theme="primary" text>删除</bk-button>
+          <bk-button
+            theme="primary"
+            text
+            class="mr8"
+            onClick={handleClick.bind(this, "edit", data)}
+          >
+            编辑
+          </bk-button>
+          <bk-button theme="primary" text class="mr8">
+            重置密码
+          </bk-button>
+          <bk-button theme="primary" text>
+            删除
+          </bk-button>
         </div>
       );
-    }
+    },
   },
 ];
+
+const isView = computed(() => detailsConfig.type === "view");
+
+const handleClick = (type: string, item: any) => {
+  detailsConfig.title = enumData[type].title;
+  detailsConfig.type = enumData[type].type;
+  detailsConfig.isShow = true;
+};
+
+const handleCancelEdit = () => {
+  if (detailsConfig.type === "add") {
+    detailsConfig.isShow = false;
+  } else {
+    detailsConfig.type = "view";
+    detailsConfig.title = "公司详情";
+    window.changeInput = false;
+  }
+};
+
+const handleBeforeClose = async () => {
+  let enableLeave = true;
+  if (window.changeInput) {
+    enableLeave = await editLeaveBefore();
+    detailsConfig.isShow = false;
+  } else {
+    detailsConfig.isShow = false;
+  }
+  if (!enableLeave) {
+    return Promise.resolve(enableLeave);
+  }
+};
 </script>
 
 <style lang="less" scoped>
 .user-info-wrapper {
   width: 100%;
-  padding: 24px;
   height: calc(100vh - 140px);
+  padding: 24px;
+
   header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 16px;
+
     .header-right {
       width: 320px;
     }
   }
 }
+
+.details-edit-wrapper {
+  :deep(.bk-sideslider-title) {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 24px 0 50px !important;
+
+    .bk-button {
+      padding: 5px 17px !important;
+    }
+  }
+
+  :deep(.bk-modal-content) {
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+      background-color: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: #dcdee5;
+      border-radius: 4px;
+    }
+
+    &:hover {
+      &::-webkit-scrollbar-thumb {
+        background-color: #979ba5;
+      }
+    }
+  }
+}
 </style>
diff --git a/src/pages/src/views/data-source/local-details/ViewUser.vue b/src/pages/src/views/data-source/local-details/ViewUser.vue
new file mode 100644
index 000000000..5f0ed1afe
--- /dev/null
+++ b/src/pages/src/views/data-source/local-details/ViewUser.vue
@@ -0,0 +1,178 @@
+<template>
+  <ul class="details-content">
+    <li>
+      <div class="details-content-info">
+        <div
+          class="details-content-item"
+          v-for="(item, index) in basicData"
+          :key="index"
+        >
+          <span class="details-content-key">{{ userMap[item.key] }}：</span>
+          <span class="details-content-value">{{ item.value }}</span>
+        </div>
+      </div>
+      <img
+        v-if="tenantsData.logo"
+        class="user-logo"
+        :src="tenantsData.logo"
+        alt=""
+      />
+      <img v-else class="user-logo" src="@/images/avatar.png" alt="" />
+    </li>
+  </ul>
+</template>
+
+<script setup lang="tsx">
+import { reactive, computed } from "vue";
+
+const props = defineProps({
+  tenantsData: {
+    type: Object,
+    default: {},
+  },
+});
+
+const managersList = computed(() =>
+  props.tenantsData.managers.filter((item) => item.id)
+);
+
+const columns = [
+  {
+    label: "用户名",
+    field: "username",
+  },
+  {
+    label: "姓名",
+    field: "full_name",
+    render: ({ cell }: { cell: string }) => <span>{cell || "--"}</span>,
+  },
+  {
+    label: "邮箱",
+    field: "email",
+  },
+  {
+    label: "手机号",
+    field: "phone",
+  },
+];
+
+const userMap = {
+  user_id: "用户ID",
+  user_name: "用户名",
+  full_name: "全名",
+  email: "邮箱",
+  phone: "手机号",
+  department: "所属组织",
+  leader: "直属上级",
+  status: "在职状态",
+  position: "职务",
+  account_expiration_date: "账号过期时间",
+  password_expiration_date: "密码过期时间",
+}
+
+const basicData = reactive([
+  {
+    key: "user_id",
+    value: "123",
+  },
+  {
+    key: "user_name",
+    value: "aaa",
+  },
+  {
+    key: "full_name",
+    value: "bbb",
+  },
+  {
+    key: "email",
+    value: "124567345@qq.com",
+  },
+  {
+    key: "phone",
+    value: "15756734555",
+  },
+  {
+    key: "department",
+    value: "总公司",
+  },
+  {
+    key: "leader",
+    value: "Morty Zhang（李三）",
+  },
+  {
+    key: "status",
+    value: "在职",
+  },
+  {
+    key: "position",
+    value: "产品经理",
+  },
+  {
+    key: "account_expiration_date",
+    value: "2023-10-10",
+  },
+  {
+    key: "password_expiration_date",
+    value: "2023-10-10",
+  },
+]);
+</script>
+
+<style lang="less" scoped>
+.details-content {
+  padding: 0 40px;
+
+  li {
+    position: relative;
+    padding: 20px 0;
+    list-style: none;
+    border-bottom: 1px solid #dcdee5;
+
+    .details-content-info {
+      width: calc(100% - 100px);
+
+      .details-content-item {
+        display: flex;
+        width: 100%;
+        line-height: 40px;
+
+        .details-content-key {
+          display: inline-block;
+          width: 100px;
+          overflow: hidden;
+          font-size: 14px;
+          color: #63656e;
+          text-align: right;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .details-content-value {
+          display: inline-block;
+          width: calc(100% - 100px);
+          overflow: hidden;
+          font-size: 14px;
+          color: #313238;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          vertical-align: top;
+        }
+      }
+    }
+
+    .user-logo {
+      position: absolute;
+      top: 20px;
+      right: 0;
+      width: 96px;
+      height: 96px;
+      border: 1px dashed #c4c6cc;
+      object-fit: contain;
+    }
+  }
+
+  li:last-child {
+    border-bottom: none;
+  }
+}
+</style>
diff --git a/src/pages/src/views/data-source/local-details/index.vue b/src/pages/src/views/data-source/local-details/index.vue
index 738fc35dd..5121922d9 100644
--- a/src/pages/src/views/data-source/local-details/index.vue
+++ b/src/pages/src/views/data-source/local-details/index.vue
@@ -6,7 +6,7 @@
           <template #icon>
             <i :class="typeText.icon" />
           </template>
-          {{ typeText.name }}
+          {{ typeText.text }}
         </bk-tag>
       </template>
     </MainBreadcrumbsDetails>
@@ -29,30 +29,28 @@
 </template>
 
 <script setup lang="ts">
-import MainBreadcrumbsDetails from "@/components/layouts/MainBreadcrumbsDetails.vue";
-import { useRoute } from "vue-router";
-import { ref, reactive, computed } from "vue";
-import UserInfo from "./UserInfo.vue";
-import PswInfo from "./PswInfo.vue";
+import { computed, reactive, ref } from 'vue';
+import { useRoute } from 'vue-router';
+
+import PswInfo from './PswInfo.vue';
+import UserInfo from './UserInfo.vue';
+
+import MainBreadcrumbsDetails from '@/components/layouts/MainBreadcrumbsDetails.vue';
+import { dataSourceType } from '@/utils';
 
 const route = useRoute();
 
 // 当前面包屑展示文案
 const subtitle = computed(() => route.params.name);
 const typeText = computed(() => {
-  switch (route.params.type) {
-    case "local":
-      return {
-        name: "本地",
-        icon: "user-icon icon-wechat",
-      };
-  }
+  const { text, icon } = dataSourceType[route.params.type];
+  return { text, icon };
 });
 
-const activeKey = ref("user");
+const activeKey = ref('user');
 const panels = reactive([
-  { name: "user", label: "用户信息" },
-  { name: "account", label: "账密信息" },
+  { name: 'user', label: '用户信息' },
+  { name: 'account', label: '账密信息' },
 ]);
 </script>
 
diff --git a/src/pages/src/views/data-source/new-data/NewLocalData.vue b/src/pages/src/views/data-source/new-data/NewLocalData.vue
index 1318ff263..09764477e 100644
--- a/src/pages/src/views/data-source/new-data/NewLocalData.vue
+++ b/src/pages/src/views/data-source/new-data/NewLocalData.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="data-source-wrapper">
     <MainBreadcrumbsDetails>
       <template #tag>
         <bk-tag>
@@ -10,26 +10,278 @@
         </bk-tag>
       </template>
     </MainBreadcrumbsDetails>
+    <bk-form class="data-source-content user-scroll-y" form-type="vertical">
+      <div class="content-item">
+        <p class="item-title">基础信息</p>
+        <bk-form-item label="数据源名称" required>
+          <bk-input style="width: 560px;" v-model="data.name" />
+        </bk-form-item>
+        <bk-form-item label="" required>
+          <bk-checkbox v-model="data.openLogin">
+            开启账密登录
+          </bk-checkbox>
+        </bk-form-item>
+      </div>
+      <template v-if="data.openLogin">
+        <div class="content-item">
+          <p class="item-title">密码规则</p>
+          <bk-form-item label="密码长度" required>
+            <bk-input
+              style="width: 200px;"
+              type="number"
+              suffix="至32位"
+              v-model="data.passwordLength"
+            />
+          </bk-form-item>
+          <bk-form-item label="密码必须包含" required>
+            <bk-checkbox-group v-model="data.passwordMustIncludes">
+              <bk-checkbox
+                v-for="(item, index) in dataSourceConfig.passwordMustIncludes"
+                :key="index"
+                :label="item.value"
+              >{{ item.label }}</bk-checkbox
+              >
+            </bk-checkbox-group>
+          </bk-form-item>
+          <bk-form-item label="">
+            <div>
+              <span>密码不允许连续</span>
+              <bk-input
+                style="width: 85px;"
+                type="number"
+                behavior="simplicity"
+                v-model="data.passwordRultLength"
+              />
+              <span>位 出现</span>
+            </div>
+            <bk-checkbox-group v-model="data.excludeElementsConfig">
+              <bk-checkbox
+                v-for="(item, index) in dataSourceConfig.excludeElementsConfig"
+                :key="index"
+                :label="item.value"
+              >{{ item.label }}</bk-checkbox
+              >
+            </bk-checkbox-group>
+          </bk-form-item>
+          <bk-form-item label="密码有效期" required>
+            <bk-radio-group v-model="data.passwordValidDaysList">
+              <bk-radio-button
+                v-for="(item, index) in dataSourceConfig.passwordValidDaysList"
+                :key="index"
+                :label="item.days"
+              >
+                {{ item.text }}
+              </bk-radio-button>
+            </bk-radio-group>
+          </bk-form-item>
+          <bk-form-item label="密码试错次数" required>
+            <bk-radio-group v-model="data.maxTrailTimesList">
+              <bk-radio-button
+                v-for="(item, index) in dataSourceConfig.maxTrailTimesList"
+                :key="index"
+                :label="item.times"
+              >
+                {{ item.text }}
+              </bk-radio-button>
+            </bk-radio-group>
+          </bk-form-item>
+          <bk-form-item label="锁定时间" required>
+            <bk-input
+              style="width: 200px;"
+              type="number"
+              suffix="秒"
+              v-model="data.autoUnlockSeconds"
+            />
+          </bk-form-item>
+        </div>
+        <div class="content-item">
+          <p class="item-title">初始密码设置</p>
+          <bk-form-item label="" required>
+            <bk-checkbox v-model="data.forceResetFirstLogin">
+              首次登录强制修改密码
+            </bk-checkbox>
+          </bk-form-item>
+          <bk-form-item label="" required>
+            <div>
+              <bk-checkbox v-model="data.forceResetFirstLogin">
+                修改密码时不能重复前
+              </bk-checkbox>
+              <bk-input
+                style="width: 85px;"
+                type="number"
+                behavior="simplicity"
+              />
+              <span>次 用过的密码</span>
+            </div>
+          </bk-form-item>
+          <bk-form-item class="form-item-flex" label="密码生成方式" required>
+            <bk-radio-group v-model="data.initPasswordMethod">
+              <bk-radio label="random_via_mail">随机</bk-radio>
+              <bk-radio label="fixed_preset">固定</bk-radio>
+            </bk-radio-group>
+            <bk-input
+              class="input-password"
+              v-if="data.initPasswordMethod === 'fixed_preset'"
+              v-model="dataSourceConfig.fixedPassword"
+              type="password"
+            />
+          </bk-form-item>
+        </div>
+        <div class="content-item">
+          <p class="item-title">密码到期提醒</p>
+          <bk-form-item label="提醒时间" required>
+            <bk-checkbox-group v-model="data.noticeTime">
+              <bk-checkbox
+                v-for="(item, index) in dataSourceConfig.noticeTime"
+                :key="index"
+                :label="item.value"
+              >{{ item.label }}</bk-checkbox
+              >
+            </bk-checkbox-group>
+          </bk-form-item>
+        </div>
+      </template>
+      <div class="btn">
+        <bk-button theme="primary" class="mr8">提交</bk-button>
+        <bk-button @click="handleClickCancel">取消</bk-button>
+      </div>
+    </bk-form>
   </div>
 </template>
 
 <script setup lang="tsx">
-import MainBreadcrumbsDetails from "@/components/layouts/MainBreadcrumbsDetails.vue";
-import { useRoute } from "vue-router";
-import { computed } from "vue";
+import { computed, reactive, ref } from 'vue';
+import { useRoute } from 'vue-router';
+
+import MainBreadcrumbsDetails from '@/components/layouts/MainBreadcrumbsDetails.vue';
+import router from '@/router';
 
 const route = useRoute();
 
 // 当前面包屑展示文案
 const typeText = computed(() => {
   switch (route.params.type) {
-    case "local":
+    case 'local':
       return {
-        name: "本地",
-        icon: "user-icon icon-wechat",
+        name: '本地',
+        icon: 'user-icon icon-shujuku',
       };
   }
 });
+
+const data = reactive({
+  name: '',
+  openLogin: true,
+  passwordLength: '',
+  passwordRultLength: '',
+  passwordMustIncludes: [],
+  excludeElementsConfig: [],
+  passwordValidDaysList: 30,
+  maxTrailTimesList: 3,
+  autoUnlockSeconds: '',
+  forceResetFirstLogin: true,
+  initPasswordMethod: '',
+  noticeTime: [],
+});
+
+const dataSourceConfig = reactive({
+  passwordMustIncludes: [
+    { value: 'lower', label: '小写字母' },
+    { value: 'upper', label: '大写字母' },
+    { value: 'int', label: '数字' },
+    { value: 'special', label: '特殊字符（除空格）' },
+  ],
+  excludeElementsConfig: [
+    { value: 'keyboard_seq', label: '键盘序' },
+    { value: 'alphabet_seq', label: '连续字母序' },
+    { value: 'num_seq', label: '连续数字序' },
+    { value: 'special_seq', label: '连续特殊符号序' },
+    { value: 'duplicate_char', label: '重复字母、数字、特殊符号' },
+  ],
+  passwordValidDaysList: [
+    { days: 30, text: '一个月' },
+    { days: 90, text: '三个月' },
+    { days: 180, text: '六个月' },
+    { days: 365, text: '一年' },
+    { days: -1, text: '永久' },
+  ],
+  maxTrailTimesList: [
+    { times: 3, text: '3次' },
+    { times: 5, text: '5次' },
+    { times: 10, text: '10次' },
+  ],
+  forceResetFirstLogin: true,
+  initPasswordMethod: 'fixed_preset',
+  fixedPassword: '',
+  noticeTime: [
+    { value: 1, label: '1天' },
+    { value: 7, label: '7天' },
+    { value: 15, label: '15天' },
+  ],
+});
+
+const handleClickCancel = () => {
+  router.go(-1);
+};
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.data-source-wrapper {
+  .data-source-content {
+    height: calc(100vh - 104px);
+    padding: 24px;
+
+    .content-item {
+      background: #fff;
+      border-radius: 2px;
+      box-shadow: 0 2px 4px 0 #1919290d;
+
+      .item-title {
+        padding: 16px 0 16px 24px;
+        font-size: 14px;
+        font-weight: 700;
+      }
+
+      :deep(.bk-form-item) {
+        padding-bottom: 24px;
+        margin-bottom: 0;
+        margin-left: 64px;
+        font-size: 14px;
+
+        &:last-child {
+          margin-bottom: 24px;
+        }
+
+        .bk-radio-button {
+          width: 80px;
+
+          .bk-radio-button-label {
+            font-size: 14px !important;
+          }
+        }
+
+        .bk-radio-label {
+          font-size: 14px !important;
+        }
+      }
+
+      .form-item-flex {
+        :deep(.bk-form-content) {
+          display: flex;
+
+          .input-password {
+            width: 240px;
+            margin-left: 24px;
+          }
+        }
+      }
+    }
+
+    .btn {
+      button {
+        width: 88px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/src/views/organization/details/DetailsInfo.vue b/src/pages/src/views/organization/details/DetailsInfo.vue
index 940a48f4c..ce1521be6 100644
--- a/src/pages/src/views/organization/details/DetailsInfo.vue
+++ b/src/pages/src/views/organization/details/DetailsInfo.vue
@@ -1,100 +1,106 @@
 <template>
   <div class="details-info-wrapper user-scroll-y">
-    <div class="details-info-main">
-      <p>基本信息</p>
-      <div class="details-info-content">
-        <div class="details-info-item">
-          <div>
-            <span class="details-info-label">公司名称：</span>
-            <span class="details-info-value">总公司</span>
-          </div>
-          <div>
-            <span class="details-info-label">公司ID：</span>
-            <span class="details-info-value">12345</span>
-          </div>
+    <ul class="details-info-content" v-if="!state.isEdit">
+      <li class="content-item">
+        <div class="item-header">
+          <p class="item-title">基本信息</p>
+          <bk-button outline theme="primary" @click="handleClickEdit">
+            编辑
+          </bk-button>
         </div>
-        <div class="details-info-item">
-          <div>
-            <span class="details-info-label">公司状态：</span>
-            <span class="details-info-value">启用</span>
-          </div>
-          <div>
-            <span class="details-info-label">人员数量：</span>
-            <span class="details-info-value">显示</span>
-          </div>
-        </div>
-        <div class="details-info-item">
-          <div>
-            <span class="details-info-label">更新时间：</span>
-            <span class="details-info-value">2023-06-01</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="details-info-main">
-      <p>公司管理员</p>
-      <bk-table
-        class="user-info-table"
-        :columns="userColumns"
-        :data="userData"
-      />
-    </div>
+        <ul class="item-content flex" style="width: 72%">
+          <li>
+            <span class="key">公司名称：</span>
+            <span class="value">{{ state.tenantsData.name }}</span>
+          </li>
+          <li>
+            <span class="key">人员数量：</span>
+            <span class="value">{{ userNumberVisible }}</span>
+          </li>
+          <li>
+            <span class="key">公司ID：</span>
+            <span class="value">{{ state.tenantsData.id }}</span>
+          </li>
+          <li>
+            <span class="key">更新时间：</span>
+            <span class="value">--</span>
+          </li>
+          <li>
+            <span class="key">公司状态：</span>
+            <span class="value">启用</span>
+          </li>
+          <img src="@/images/avatar.png" />
+        </ul>
+      </li>
+      <li class="content-item">
+        <div class="item-title">管理员</div>
+        <bk-table
+          class="user-info-table"
+          :columns="userColumns"
+          :data="state.tenantsData.managers"
+          show-overflow-tooltip
+        />
+      </li>
+    </ul>
+    <EditInfo
+      v-else
+      :tenants-data="state.tenantsData"
+      @handleCancel="handleCancel" />
   </div>
 </template>
 
 <script setup lang="tsx">
+import { computed, reactive } from 'vue';
+
+import EditInfo from './EditDetailsInfo.vue';
+
+import {
+  getTenantDetails,
+} from '@/http/tenantsFiles';
+
 const userData = [];
 const userColumns = [
   {
-    label: "用户名",
-    field: "username",
+    label: '用户名',
+    field: 'username',
   },
   {
-    label: "全名",
-    field: "display_name",
+    label: '全名',
+    field: 'full_name',
   },
   {
-    label: "邮箱",
-    field: "email",
+    label: '邮箱',
+    field: 'email',
   },
   {
-    label: "手机号",
-    field: "telephone",
+    label: '手机号',
+    field: 'phone',
   },
 ];
+
+const state = reactive({
+  isEdit: false,
+  tenantsData: {},
+});
+
+const userNumberVisible = computed(() => (state.tenantsData?.feature_flags?.user_number_visible ? '显示' : '隐藏'));
+
+const fetchTenantDetails = async () => {
+  await getTenantDetails('jianantest').then((res: any) => {
+    state.tenantsData = res.data;
+  });
+};
+fetchTenantDetails();
+
+const handleClickEdit = () => {
+  state.isEdit = true;
+};
+
+const handleCancel = () => {
+  state.isEdit = false;
+};
 </script>
 
 <style lang="less" scoped>
-.details-info-wrapper {
-  padding: 24px;
-  height: calc(100vh - 140px);
-  .details-info-main {
-    background: #fff;
-    box-shadow: 0 2px 4px 0 #1919290d;
-    border-radius: 2px;
-    margin-bottom: 16px;
-    padding: 16px 24px;
-    p {
-      font-size: 14px;
-      font-weight: 700;
-      margin-bottom: 16px;
-    }
-    .details-info-content {
-      display: flex;
-      .details-info-item {
-        width: 33%;
-        font-size: 14px;
-        line-height: 40px;
-        .details-info-label {
-          display: inline-block;
-          width: 100px;
-          text-align: right;
-        }
-        .details-info-value {
-          color: #313238;
-        }
-      }
-    }
-  }
-}
+@import url("@/css/tenantViewStyle.less");
 </style>
diff --git a/src/pages/src/views/organization/details/EditDetailsInfo.vue b/src/pages/src/views/organization/details/EditDetailsInfo.vue
new file mode 100644
index 000000000..a3bc7d70e
--- /dev/null
+++ b/src/pages/src/views/organization/details/EditDetailsInfo.vue
@@ -0,0 +1,341 @@
+<template>
+  <div class="operation-wrapper">
+    <div class="operation-content">
+      <div class="operation-card">
+        <div class="operation-content-title">基本信息</div>
+        <div class="operation-content-info">
+          <bk-form
+            class="operation-content-form"
+            ref="basicRef"
+            :model="formData"
+            :rules="rulesBasicInfo"
+          >
+            <bk-form-item label="公司名称" property="name" required>
+              <bk-input v-model="formData.name" />
+            </bk-form-item>
+            <bk-form-item label="公司ID" property="id" required>
+              <bk-input
+                v-model="formData.id"
+                disabled
+              />
+            </bk-form-item>
+            <bk-form-item label="人员数量">
+              <bk-radio-group
+                v-model="formData.feature_flags.user_number_visible"
+              >
+                <bk-radio-button :label="true">显示</bk-radio-button>
+                <bk-radio-button :label="false">隐藏</bk-radio-button>
+              </bk-radio-group>
+            </bk-form-item>
+          </bk-form>
+          <bk-upload
+            theme="picture"
+            with-credentials
+            :multiple="false"
+            :files="files"
+            :handle-res-code="handleRes"
+            :url="formData.logo"
+            :custom-request="customRequest"
+            @delete="handleDelete"
+          />
+        </div>
+      </div>
+      <div class="operation-card">
+        <div class="operation-content-title">管理员</div>
+        <bk-form ref="userRef" :model="formData">
+          <bk-table
+            class="operation-content-table"
+            :border="['col', 'outer']"
+            :data="formData.managers"
+            :columns="columns"
+          >
+            <template #empty>
+              <Empty
+                :is-search-empty="state.isEmptySearch"
+                @handleEmpty="handleClear"
+              />
+            </template>
+          </bk-table>
+        </bk-form>
+      </div>
+    </div>
+    <div class="footer">
+      <bk-button theme="primary" @click="handleSubmit">
+        提交
+      </bk-button>
+      <bk-button @click="() => $emit('handleCancel')">
+        取消
+      </bk-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { ref, reactive, computed } from "vue";
+import { emailRegx, telRegx } from "@/common/regex";
+import { getBase64 } from "@/utils";
+import Empty from "@/components/Empty.vue";
+import MemberSelector from "@/views/tenant/group-details/MemberSelector.vue";
+
+interface TableItem {
+  username: string;
+  full_name: string;
+  email: string;
+  phone: string;
+  phone_country_code: string;
+}
+interface TableColumnData {
+  index: number;
+  data: TableItem;
+}
+
+const props = defineProps({
+  tenantsData: {
+    type: Object,
+    default: {},
+  },
+});
+
+const basicRef = ref();
+const userRef = ref();
+const passwordRef = ref();
+const formData = reactive({
+  ...props.tenantsData,
+});
+const state = reactive({
+  username: "",
+  // 搜索结果为空
+  isEmptySearch: false,
+  count: 0,
+  list: [],
+});
+
+const params = reactive({
+  tenant_id: props.tenantsData.id,
+  keyword: "",
+  page: 1,
+  page_size: 10,
+});
+
+const rulesBasicInfo = {
+  name: [
+    {
+      required: true,
+      message: "必填项",
+      trigger: "blur",
+    },
+    {
+      validator: (value: string) => value.length <= 32,
+      message: "不能多于32个字符",
+      trigger: "blur",
+    },
+  ],
+  id: [
+    {
+      required: true,
+      message: "必填项",
+      trigger: "blur",
+    },
+  ],
+};
+
+const rulesUserInfo = {
+  username: [
+    {
+      required: true,
+      message: "必填项",
+      trigger: "blur",
+    },
+    {
+      validator: (value: string) => {
+        return value.length <= 32;
+      },
+      message: "不能多于32个字符",
+      trigger: "blur",
+    },
+  ],
+  full_name: [
+    {
+      required: true,
+      message: "必填项",
+      trigger: "blur",
+    },
+    {
+      validator: (value: string) => value.length <= 32,
+      message: "不能多于32个字符",
+      trigger: "blur",
+    },
+  ],
+  email: [
+    {
+      required: true,
+      message: "必填项",
+      trigger: "blur",
+    },
+    {
+      validator: (value: string) => emailRegx.rule.test(value),
+      message: emailRegx.message,
+      trigger: "blur",
+    },
+  ],
+  phone: [
+    {
+      required: true,
+      message: "必填项",
+      trigger: "blur",
+    },
+    {
+      validator: (value: string) => telRegx.rule.test(value),
+      message: telRegx.message,
+      trigger: "blur",
+    },
+  ],
+};
+
+const rulesPasswordInfo = {
+  init_password: [
+    {
+      required: true,
+      message: "必填项",
+      trigger: "blur",
+    },
+  ],
+};
+
+const files = computed(() => {
+  const img = [];
+  if (formData.logo !== "") {
+    img.push({
+      url: formData.logo,
+    });
+    return img;
+  }
+  return [];
+});
+
+const handleRes = (response: any) => {
+  if (response.id) {
+    return true;
+  }
+  return false;
+};
+const customRequest = (event) => {
+  getBase64(event.file)
+    .then((res) => {
+      formData.logo = res;
+    })
+    .catch((e) => {
+      console.warn(e);
+    });
+};
+
+const handleDelete = () => {
+  formData.logo = "";
+};
+
+const fieldItemFn = (row: any) => {
+  const { column, index, data } = row;
+  return (
+    <bk-form-item
+      error-display-type="tooltips"
+      property={`managers.${index}.${column.field}`}
+      rules={rulesUserInfo[column.field]}
+    >
+      {!data.id ? (
+        column.field === "username" ? (
+          <MemberSelector
+            v-model={formData.managers[index][column.field]}
+            state={state}
+            params={params}
+          />
+        ) : (
+          <bk-input
+            v-model={formData.managers[index][column.field]}
+            disabled={column.field !== "username"}
+          />
+        )
+      ) : (
+        <bk-input
+          v-model={formData.managers[index][column.field]}
+          disabled={data.id}
+        />
+      )}
+    </bk-form-item>
+  );
+};
+const columns = [
+  {
+    label: "用户名",
+    field: "username",
+    render: fieldItemFn,
+  },
+  {
+    label: "姓名",
+    field: "full_name",
+    render: fieldItemFn,
+  },
+  {
+    label: "邮箱",
+    field: "email",
+    render: fieldItemFn,
+  },
+  {
+    label: "手机号",
+    field: "phone",
+    width: 150,
+    render: fieldItemFn,
+  },
+  {
+    label: "操作",
+    field: "",
+    width: 65,
+    render: ({ data, index }: TableColumnData) => {
+      return (
+        <div style="font-size: 16px;">
+          <bk-button
+            style="margin: 0 15px;"
+            text
+            onClick={handleAddItem.bind(this, index)}
+          >
+            <i class="user-icon icon-plus-fill" />
+          </bk-button>
+          <bk-button
+            text
+            disabled={formData.managers.length === 1}
+            onClick={handleRemoveItem.bind(this, index)}
+          >
+            <i class="user-icon icon-minus-fill" />
+          </bk-button>
+        </div>
+      );
+    },
+  },
+];
+
+/**
+ * 获取表格数据
+ */
+function getTableItem(): TableItem {
+  return {
+    username: "",
+    full_name: "",
+    email: "",
+    phone: "",
+    phone_country_code: "86",
+  };
+}
+
+function handleAddItem(index: number) {
+  formData.managers.splice(index + 1, 0, getTableItem());
+}
+
+function handleRemoveItem(index: number) {
+  formData.managers.splice(index, 1);
+}
+// 校验表单
+function handleSubmit() {}
+</script>
+
+<style lang="less" scoped>
+@import url("@/css/tenantEditStyle.less");
+</style>
diff --git a/src/pages/src/views/organization/details/EditUser.vue b/src/pages/src/views/organization/details/EditUser.vue
index d657b0ad2..550742e5c 100644
--- a/src/pages/src/views/organization/details/EditUser.vue
+++ b/src/pages/src/views/organization/details/EditUser.vue
@@ -1,145 +1,155 @@
 <template>
-  <bk-form
-    ref="formRef"
-    class="add-user-form"
-    form-type="vertical"
-    :model="formData"
-    :rules="rules"
-  >
-    <bk-form-item
-      style="width: 440px;"
-      label="用户名"
-      property="username"
-      required
+  <div class="edit-user-wrapper">
+    <bk-form
+      ref="formRef"
+      class="add-user-form"
+      form-type="vertical"
+      :model="formData"
+      :rules="rules"
     >
-      <bk-input
-        v-model="formData.username"
-        placeholder="数字、下划线(_)、点(.)、减号(-)字符组成，以字母或数字开头"
-      />
-    </bk-form-item>
-    <bk-form-item
-      style="width: 440px;"
-      label="全名"
-      property="display_name"
-      required
-    >
-      <bk-input v-model="formData.display_name" placeholder="全名可随时修改" />
-    </bk-form-item>
-    <BkUpload
-      theme="picture"
-      with-credentials
-      :multiple="false"
-      :files="files"
-      :handle-res-code="handleRes"
-    />
-    <bk-form-item label="所属数据源" property="data_source" required>
-      <bk-select v-model="formData.data_source">
-        <bk-option value="1" label="" />
-        <bk-option value="2" label="" />
-      </bk-select>
-    </bk-form-item>
-    <div class="form-item-flex">
-      <bk-form-item label="所属组织" property="department_name" required>
-        <bk-select v-model="formData.department_name">
-          <bk-option value="1" label="" />
-          <bk-option value="2" label="" />
-        </bk-select>
-      </bk-form-item>
-      <bk-form-item label="直属上司" property="leader" required>
-        <bk-select v-model="formData.leader">
-          <bk-option value="1" label="" />
-          <bk-option value="2" label="" />
-        </bk-select>
-      </bk-form-item>
-    </div>
-    <bk-form-item label="邮箱" property="email" required>
-      <bk-input v-model="formData.email" placeholder="请输入" />
-    </bk-form-item>
-    <bk-form-item label="手机号" property="telphone" required>
-      <div class="input-text">
-        <bk-input
-          ref="inputRef"
-          v-model="formData.telphone"
-          placeholder="请输入"
-          type="number"
-        />
-      </div>
-    </bk-form-item>
-    <div class="form-item-flex">
-      <bk-form-item label="在职状态" required>
-        <bk-radio-group>
-          <bk-radio label="在职" />
-          <bk-radio label="离职" />
-        </bk-radio-group>
-      </bk-form-item>
-      <bk-form-item label="职务">
-        <bk-radio-group>
-          <bk-radio label="员工" />
-          <bk-radio label="组长" />
-        </bk-radio-group>
-      </bk-form-item>
-    </div>
-    <div class="form-item-flex">
-      <bk-form-item label="微信" property="weixi" required>
-        <bk-input v-model="formData.weixi" placeholder="请输入" />
-      </bk-form-item>
-      <bk-form-item label="QQ" property="qq" required>
-        <bk-input v-model="formData.qq" placeholder="请输入" />
-      </bk-form-item>
-    </div>
-    <div class="form-item-flex">
       <bk-form-item
-        label="账号过期时间"
-        property="account_expiration_time"
+        style="width: 440px;"
+        label="用户名"
+        property="username"
         required
       >
-        <bk-date-picker
-          type="datetime"
-          v-model="formData.account_expiration_time"
-          clearable
+        <bk-input
+          v-model="formData.username"
+          placeholder="数字、下划线(_)、点(.)、减号(-)字符组成，以字母或数字开头"
         />
       </bk-form-item>
       <bk-form-item
-        label="密码过期时间"
-        property="password_expiration_time"
+        style="width: 440px;"
+        label="全名"
+        property="display_name"
         required
       >
-        <bk-date-picker
-          type="datetime"
-          v-model="formData.password_expiration_time"
-          clearable
-        />
+        <bk-input v-model="formData.display_name" placeholder="全名可随时修改" />
       </bk-form-item>
+      <BkUpload
+        theme="picture"
+        with-credentials
+        :multiple="false"
+        :files="files"
+        :handle-res-code="handleRes"
+      />
+      <bk-form-item label="所属数据源" property="data_source" required>
+        <bk-select v-model="formData.data_source">
+          <bk-option value="1" label="" />
+          <bk-option value="2" label="" />
+        </bk-select>
+      </bk-form-item>
+      <div class="form-item-flex">
+        <bk-form-item label="所属组织" property="department_name" required>
+          <bk-select v-model="formData.department_name">
+            <bk-option value="1" label="" />
+            <bk-option value="2" label="" />
+          </bk-select>
+        </bk-form-item>
+        <bk-form-item label="直属上司" property="leader" required>
+          <bk-select v-model="formData.leader">
+            <bk-option value="1" label="" />
+            <bk-option value="2" label="" />
+          </bk-select>
+        </bk-form-item>
+      </div>
+      <bk-form-item label="邮箱" property="email" required>
+        <bk-input v-model="formData.email" placeholder="请输入" />
+      </bk-form-item>
+      <bk-form-item label="手机号" property="telphone" required>
+        <div class="input-text">
+          <bk-input
+            ref="inputRef"
+            v-model="formData.telphone"
+            placeholder="请输入"
+            type="number"
+          />
+        </div>
+      </bk-form-item>
+      <div class="form-item-flex">
+        <bk-form-item label="在职状态" required>
+          <bk-radio-group>
+            <bk-radio label="在职" />
+            <bk-radio label="离职" />
+          </bk-radio-group>
+        </bk-form-item>
+        <bk-form-item label="职务">
+          <bk-radio-group>
+            <bk-radio label="员工" />
+            <bk-radio label="组长" />
+          </bk-radio-group>
+        </bk-form-item>
+      </div>
+      <div class="form-item-flex">
+        <bk-form-item label="微信" property="weixi" required>
+          <bk-input v-model="formData.weixi" placeholder="请输入" />
+        </bk-form-item>
+        <bk-form-item label="QQ" property="qq" required>
+          <bk-input v-model="formData.qq" placeholder="请输入" />
+        </bk-form-item>
+      </div>
+      <div class="form-item-flex">
+        <bk-form-item
+          label="账号过期时间"
+          property="account_expiration_time"
+          required
+        >
+          <bk-date-picker
+            type="datetime"
+            v-model="formData.account_expiration_time"
+            clearable
+          />
+        </bk-form-item>
+        <bk-form-item
+          label="密码过期时间"
+          property="password_expiration_time"
+          required
+        >
+          <bk-date-picker
+            type="datetime"
+            v-model="formData.password_expiration_time"
+            clearable
+          />
+        </bk-form-item>
+      </div>
+    </bk-form>
+    <div class="footer">
+      <bk-button theme="primary">
+        保存
+      </bk-button>
+      <bk-button @click="() => $emit('handleCancelEdit')">
+        取消
+      </bk-button>
     </div>
-  </bk-form>
+  </div>
 </template>
 
 <script setup lang="tsx">
-import { ref, toRefs } from "vue";
+import { ref, toRefs } from 'vue';
 
-const formRef = ref("");
-const inputRef = ref("");
+const formRef = ref('');
+const inputRef = ref('');
 const formData = ref({
-  username: "",
-  display_name: "",
-  data_source: "",
-  department_name: "",
-  leader: "",
-  email: "",
-  telphone: "",
-  weixi: "",
-  qq: "",
-  account_expiration_time: "",
-  password_expiration_time: "",
+  username: '',
+  display_name: '',
+  data_source: '',
+  department_name: '',
+  leader: '',
+  email: '',
+  telphone: '',
+  weixi: '',
+  qq: '',
+  account_expiration_time: '',
+  password_expiration_time: '',
 });
-let iti = null;
+const iti = null;
 const files: any = [];
 const rules = {
   name: [
     {
       validator: (value: string) => value.length > 2,
-      message: "姓名长度不能小于2",
-      trigger: "change",
+      message: '姓名长度不能小于2',
+      trigger: 'change',
     },
   ],
 };
@@ -152,22 +162,47 @@ const handleRes = (response: any) => {
 </script>
 
 <style lang="less" scoped>
-.add-user-form {
+.edit-user-wrapper {
   position: relative;
-  .bk-upload {
-    position: absolute;
-    top: 28px;
-    right: -8px;
-  }
-  .form-item-flex {
-    display: flex;
-    justify-content: space-between;
-    .bk-form-item {
-      width: 268px;
-      .input-text {
-        position: relative;
+
+  .add-user-form {
+    position: relative;
+    padding: 20px 40px 60px;
+
+    .bk-upload {
+      position: absolute;
+      top: 28px;
+      right: 32px;
+    }
+
+    .form-item-flex {
+      display: flex;
+      justify-content: space-between;
+
+      .bk-form-item {
+        width: 268px;
+
+        .input-text {
+          position: relative;
+        }
       }
     }
   }
+
+  .footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 48px;
+    padding: 0 24px;
+    line-height: 48px;
+    background: #FAFBFD;
+    box-shadow: 0 -1px 0 0 #DCDEE5;
+
+    .bk-button {
+      width: 88px;
+      margin-right: 8px;
+    }
+  }
 }
 </style>
diff --git a/src/pages/src/views/organization/details/UserInfo.vue b/src/pages/src/views/organization/details/UserInfo.vue
index 74bb7e880..909deaaac 100644
--- a/src/pages/src/views/organization/details/UserInfo.vue
+++ b/src/pages/src/views/organization/details/UserInfo.vue
@@ -23,32 +23,40 @@
     <bk-sideslider
       ext-cls="details-edit-wrapper"
       :width="640"
-      v-model:isShow="detailsConfig.isShow"
+      :isShow="detailsConfig.isShow"
       :title="detailsConfig.title"
+      :before-close="handleBeforeClose"
       quick-close
     >
       <template #header>
         <span>{{ detailsConfig.title }}</span>
+        <div v-if="isView">
+          <bk-button
+            outline
+            theme="primary"
+            @click="handleClick('edit')">
+            编辑
+          </bk-button>
+          <bk-button>重置</bk-button>
+          <bk-button>删除</bk-button>
+        </div>
       </template>
-      <EditUser v-if="!isView" />
-      <template #footer v-if="!isView">
-        <bk-button theme="primary">
-          保存
-        </bk-button>
-        <bk-button>
-          取消
-        </bk-button>
-      </template>
+      <ViewUser v-if="isView" />
+      <EditUser
+        v-else
+        @handleCancelEdit="handleCancelEdit"  />
     </bk-sideslider>
   </div>
 </template>
 
 <script setup lang="tsx">
 import { Plus, AngleDown, AngleUp } from "bkui-vue/lib/icon";
-import { ref, reactive, computed } from "vue";
+import { ref, reactive, computed, inject } from "vue";
 import EditUser from "./EditUser.vue";
+import ViewUser from "./ViewUser.vue";
 import { statusIcon } from "@/utils";
 
+const editLeaveBefore = inject("editLeaveBefore");
 const isSearchCurrentDepartment = ref(false);
 const searchVal = ref("");
 
@@ -153,47 +161,81 @@ const handleClick = (type: string, item: any) => {
   detailsConfig.type = enumData[type].type;
   detailsConfig.isShow = true;
 };
+
+const handleCancelEdit = () => {
+  detailsConfig.type = "view";
+  detailsConfig.title = "公司详情";
+}
+
+const handleBeforeClose = async () => {
+  let enableLeave = true;
+  if (window.changeInput) {
+    enableLeave = await editLeaveBefore();
+    detailsConfig.isShow = false;
+  } else {
+    detailsConfig.isShow = false;
+  }
+  if (!enableLeave) {
+    return Promise.resolve(enableLeave);
+  }
+};
 </script>
 
 <style lang="less" scoped>
 .user-info-wrapper {
   width: 100%;
-  padding: 24px;
   height: calc(100vh - 140px);
+  padding: 24px;
+
   header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 16px;
+
     .header-right {
       width: 400px;
     }
   }
+
   :deep(.user-info-table) {
     .bk-table-head {
       table thead th {
         text-align: center;
       }
+
       .table-head-settings {
         border-right: none;
       }
     }
+
     .bk-table-footer {
       padding: 0 15px;
       background: #fff;
     }
+
     .account-status-icon {
       width: 16px;
       height: 16px;
-      vertical-align: middle;
       margin-right: 5px;
+      vertical-align: middle;
     }
   }
 }
+
 .details-edit-wrapper {
+  :deep(.bk-sideslider-title) {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 24px 0 50px !important;
+
+    .bk-button {
+      padding: 5px 17px !important;
+    }
+  }
+
   :deep(.bk-modal-content) {
-    height: calc(100vh - 106px);
-    padding: 28px 40px 40px;
     overflow-y: auto;
 
     &::-webkit-scrollbar {
@@ -211,14 +253,6 @@ const handleClick = (type: string, item: any) => {
         background-color: #979ba5;
       }
     }
-  }
-  :deep(.bk-sideslider-footer) {
-    padding: 0 24px;
-    background: #fafbfd;
-    .bk-button {
-      width: 88px;
-      margin-right: 8px;
-    }
-  }
+  } 
 }
 </style>
diff --git a/src/pages/src/views/organization/details/ViewUser.vue b/src/pages/src/views/organization/details/ViewUser.vue
new file mode 100644
index 000000000..8856bafe3
--- /dev/null
+++ b/src/pages/src/views/organization/details/ViewUser.vue
@@ -0,0 +1,192 @@
+<template>
+  <ul class="details-content">
+    <li>
+      <div class="details-content-info">
+        <div
+          class="details-content-item"
+          v-for="(item, index) in basicData"
+          :key="index"
+        >
+          <span class="details-content-key">{{ userMap[item.key] }}：</span>
+          <span class="details-content-value">{{ item.value }}</span>
+        </div>
+      </div>
+      <img
+        v-if="tenantsData.logo"
+        class="user-logo"
+        :src="tenantsData.logo"
+        alt=""
+      />
+      <img v-else class="user-logo" src="@/images/avatar.png" alt="" />
+    </li>
+  </ul>
+</template>
+
+<script setup lang="tsx">
+import { reactive, computed } from "vue";
+
+const props = defineProps({
+  tenantsData: {
+    type: Object,
+    default: {},
+  },
+});
+
+const managersList = computed(() =>
+  props.tenantsData.managers.filter((item) => item.id)
+);
+
+const columns = [
+  {
+    label: "用户名",
+    field: "username",
+  },
+  {
+    label: "姓名",
+    field: "full_name",
+    render: ({ cell }: { cell: string }) => <span>{cell || "--"}</span>,
+  },
+  {
+    label: "邮箱",
+    field: "email",
+  },
+  {
+    label: "手机号",
+    field: "phone",
+  },
+];
+
+const userMap = {
+  user_id: "用户ID",
+  user_name: "用户名",
+  full_name: "全名",
+  data_source: "所属数据源",
+  department: "所属组织",
+  leader: "直属上级",
+  email: "邮箱",
+  phone: "手机号",
+  status: "在职状态",
+  position: "职务",
+  wechat: "微信",
+  qq: "QQ",
+  account_expiration_date: "账号过期时间",
+  password_expiration_date: "密码过期时间",
+}
+
+const basicData = reactive([
+  {
+    key: "user_id",
+    value: "123",
+  },
+  {
+    key: "user_name",
+    value: "aaa",
+  },
+  {
+    key: "full_name",
+    value: "bbb",
+  },
+  {
+    key: "data_source",
+    value: "--",
+  },
+  {
+    key: "email",
+    value: "124567345@qq.com",
+  },
+  {
+    key: "phone",
+    value: "15756734555",
+  },
+  {
+    key: "department",
+    value: "总公司",
+  },
+  {
+    key: "leader",
+    value: "Morty Zhang（李三）",
+  },
+  {
+    key: "status",
+    value: "在职",
+  },
+  {
+    key: "position",
+    value: "产品经理",
+  },
+  {
+    key: "wechat",
+    value: "--",
+  },
+  {
+    key: "qq",
+    value: "--",
+  },
+  {
+    key: "account_expiration_date",
+    value: "2023-10-10",
+  },
+  {
+    key: "password_expiration_date",
+    value: "2023-10-10",
+  },
+]);
+</script>
+
+<style lang="less" scoped>
+.details-content {
+  padding: 20px 40px;
+
+  li {
+    position: relative;
+    list-style: none;
+    border-bottom: 1px solid #dcdee5;
+
+    .details-content-info {
+      width: calc(100% - 100px);
+
+      .details-content-item {
+        display: flex;
+        width: 100%;
+        line-height: 40px;
+
+        .details-content-key {
+          display: inline-block;
+          width: 100px;
+          overflow: hidden;
+          font-size: 14px;
+          color: #63656e;
+          text-align: right;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .details-content-value {
+          display: inline-block;
+          width: calc(100% - 100px);
+          overflow: hidden;
+          font-size: 14px;
+          color: #313238;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          vertical-align: top;
+        }
+      }
+    }
+
+    .user-logo {
+      position: absolute;
+      top: 20px;
+      right: 0;
+      width: 96px;
+      height: 96px;
+      border: 1px dashed #c4c6cc;
+      object-fit: contain;
+    }
+  }
+
+  li:last-child {
+    border-bottom: none;
+  }
+}
+</style>
diff --git a/src/pages/src/views/organization/index.vue b/src/pages/src/views/organization/index.vue
index 21a93b2e8..376819262 100644
--- a/src/pages/src/views/organization/index.vue
+++ b/src/pages/src/views/organization/index.vue
@@ -3,7 +3,7 @@
     <template #menu>
       <OrganizationTree @change-node="(node) => changeNode(node)" />
     </template>
-    <!-- <template #main-content>
+    <template #main-content>
       <bk-tab
         v-model:active="active"
         type="unborder-card"
@@ -19,28 +19,32 @@
           <DetailsInfo v-if="index === 1" />
         </bk-tab-panel>
       </bk-tab>
-    </template> -->
+    </template>
   </MainView>
 </template>
 
 <script setup lang="tsx">
-import { useMainViewStore } from "@/store/mainView";
-import { ref, reactive } from "vue";
-import MainView from "@/components/layouts/MainView.vue";
-import OrganizationTree from "./tree/OrganizationTree.vue";
+import { reactive, ref } from 'vue';
+
+import DetailsInfo from './details/DetailsInfo.vue';
+import UserInfo from './details/UserInfo.vue';
+import OrganizationTree from './tree/OrganizationTree.vue';
+
+import MainView from '@/components/layouts/MainView.vue';
+import { useMainViewStore } from '@/store/mainView';
 
 const mainViewStore = useMainViewStore();
 const state = reactive({
   nodeItem: {
-    name: "",
+    name: '',
     id: null,
   },
 });
 const panels = reactive([
-  { name: "user_info", label: "人员信息" },
-  { name: "details_info", label: "详细信息" },
+  { name: 'user_info', label: '人员信息' },
+  { name: 'details_info', label: '详细信息' },
 ]);
-const active = ref("user_info");
+const active = ref('user_info');
 
 const changeNode = (node: any) => {
   mainViewStore.breadCrumbsTitle = node.title;
@@ -48,28 +52,38 @@ const changeNode = (node: any) => {
 };
 </script>
 
+<style lang="less">
+.main-breadcrumbs {
+  box-shadow: none;
+}
+</style>
 <style lang="less" scoped>
 .header-left-name {
+  margin-right: 10px;
   font-size: 16px;
   color: #313238;
-  margin-right: 10px;
 }
+
 .header-left-num {
   border-radius: 11px !important;
 }
+
 :deep(.tab-details) {
   height: calc(100vh - 104px);
+
   .bk-tab-header {
-    background: #fff;
-    border-bottom: none;
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.04);
     font-size: 14px;
     line-height: 36px !important;
+    background: #fff;
+    border-bottom: none;
+    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 4%);
+
     .bk-tab-header-item {
-      padding: 0px 5px !important;
+      padding: 0 5px !important;
       margin: 0 20px;
     }
   }
+
   .bk-tab-content {
     padding: 0;
   }
diff --git a/src/pages/src/views/organization/tree/OrganizationTree.vue b/src/pages/src/views/organization/tree/OrganizationTree.vue
index 4eb053def..f1a0ff922 100644
--- a/src/pages/src/views/organization/tree/OrganizationTree.vue
+++ b/src/pages/src/views/organization/tree/OrganizationTree.vue
@@ -58,58 +58,59 @@
 </template>
 
 <script setup lang="tsx">
-import { reactive, ref } from "vue";
-import { DownShape, RightShape } from "bkui-vue/lib/icon";
-import { copy } from "@/utils";
+import { DownShape, RightShape } from 'bkui-vue/lib/icon';
+import { reactive, ref } from 'vue';
 
-const emits = defineEmits(["changeNode"]);
+import { copy } from '@/utils';
+
+const emits = defineEmits(['changeNode']);
 
 const dropdownMenu = ref();
 
 const submenu = [
   {
-    name: "复制组织ID",
+    name: '复制组织ID',
     type: 'id',
   },
   {
-    name: "复制组织名称",
+    name: '复制组织名称',
     type: 'name',
   },
 ];
 
 const treeData = reactive([
   {
-    name: "总公司",
-    title: "总公司",
+    name: '总公司',
+    title: '总公司',
     expanded: true,
     id: 2,
     default: true,
-    type: "local",
+    type: 'local',
     children: [
       {
-        name: "深圳公司",
-        title: "深圳公司",
+        name: '深圳公司',
+        title: '深圳公司',
         id: 3,
-        children: [{ name: "测试组织", title: "测试组织", id: 4 }],
+        children: [{ name: '测试组织', title: '测试组织', id: 4 }],
       },
       {
-        title: "上海分公司",
-        name: "上海分公司",
+        title: '上海分公司',
+        name: '上海分公司',
         id: 5,
-        children: [{ name: "测试组织", title: "测试组织", id: 6 }],
+        children: [{ name: '测试组织', title: '测试组织', id: 6 }],
       },
     ],
   },
   {
-    name: "test",
-    title: "test",
+    name: 'test',
+    title: 'test',
     id: 7,
     default: false,
-    type: "ldap",
+    type: 'ldap',
     children: [
       {
-        title: "test1",
-        name: "test1",
+        title: 'test1',
+        name: 'test1',
         id: 8,
         children: [],
       },
@@ -117,7 +118,7 @@ const treeData = reactive([
   },
 ]);
 const handleNodeClick = (node: any) => {
-  emits("changeNode", node);
+  emits('changeNode', node);
 };
 const handleClick = (type: string, item: any) => {
   copy(item[type]);
@@ -126,88 +127,109 @@ const handleClick = (type: string, item: any) => {
 
 <style lang="less" scoped>
 .organization-tree-wrapper {
-  min-width: 280px;
   width: 280px;
   height: 100%;
+  min-width: 280px;
   background: #fff;
   box-shadow: 0 2px 4px 0 #0000001a, 0 2px 4px 0 #1919290d;
+
   .tree-main {
     height: calc(100% - 52px);
   }
 }
+
 :deep(.bk-tree) {
   height: 100%;
+
   .bk-node-row {
     .bk-tree-node {
       height: 36px;
       line-height: 36px;
     }
+
     &:hover {
       background: #f0f1f5;
+
       .icon-homepage {
         color: #c4c6cc;
       }
+
       .icon-more {
-        font-size: 18px;
         display: block;
+        font-size: 18px;
       }
+
       .user-number {
         display: none;
       }
     }
   }
+
   .bk-node-row.is-selected {
     background-color: #e1ecff;
+
     .bk-node-text {
       color: #3a84ff;
     }
+
     .icon-homepage {
       color: #3a84ff;
     }
+
     .icon-text {
       background: #3a84ff;
     }
+
     .icon-more {
-      font-size: 18px;
       display: block;
+      font-size: 18px;
     }
+
     .user-number {
       display: none;
     }
   }
+
   .icon-homepage {
-    color: #c4c6cc;
-    font-size: 18px;
     padding-right: 5px;
+    font-size: 18px;
+    color: #c4c6cc;
   }
+
   .icon-text {
     width: 18px;
     height: 18px;
+    margin-right: 5px;
+    font-weight: 700;
     line-height: 18px;
+    color: #fff;
     text-align: center;
     background: #c4c6cc;
     border-radius: 4px;
-    margin-right: 5px;
-    color: #fff;
-    font-weight: 700;
   }
+
   .icon-file-close {
-    color: #a3c5fd;
-    font-size: 18px;
     padding-right: 5px;
+    font-size: 18px;
+    color: #a3c5fd;
   }
+
   .bk-node-row.is-selected:hover {
     background-color: #e1ecff;
   }
+
   .bk-tree-node {
     padding: 0 12px;
+
     .bk-node-text {
       color: #63656e;
     }
+
     .user-number {
       font-size: 12px;
       color: #c4c6cc;
     }
+
     .icon-more {
       display: none;
     }
diff --git a/src/pages/src/views/setting/FieldSetting.vue b/src/pages/src/views/setting/FieldSetting.vue
index 3582172bd..14364f79d 100644
--- a/src/pages/src/views/setting/FieldSetting.vue
+++ b/src/pages/src/views/setting/FieldSetting.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="field-setting-content user-scroll-y">
-    <bk-button class="add-field" theme="primary">
+    <bk-button class="add-field" theme="primary" @click="addField">
       <Plus style="font-size: 18px;" />
       添加字段
     </bk-button>
@@ -13,18 +13,61 @@
       settings
       show-overflow-tooltip
       :pagination="pagination"
-    />
+    >
+      <template #empty>
+        <Empty
+          :is-data-empty="fieldData.isTableDataEmpty"
+          :is-data-error="fieldData.isTableDataError"
+          @handleEmpty="fetchFieldList"
+          @handleUpdate="fetchFieldList"
+        />
+      </template>
+    </bk-table>
+    <!-- 添加字段的侧边栏 -->
+    <bk-sideslider
+      :width="520"
+      :isShow="fieldData.isShow"
+      :title="fieldData.title"
+      :before-close="handleBeforeClose"
+      quick-close>
+      <FieldsAdd
+        :set-type="fieldData.setType"
+        :current-editor-data="fieldData.currentEditorData"
+        @handleCancel="handleCancel" />
+    </bk-sideslider>
   </div>
 </template>
 
 <script setup lang="tsx">
-import { ref, reactive, nextTick } from "vue";
+import { ref, reactive, nextTick, inject } from "vue";
 import { Plus } from "bkui-vue/lib/icon";
 import Sortable from "sortablejs";
 import { useMainViewStore } from "@/store/mainView";
+import Empty from "@/components/Empty.vue";
+import FieldsAdd from "./FieldsAdd.vue";
+import InfoBox from "bkui-vue/lib/info-box";
+import { Message } from "bkui-vue";
 
 const store = useMainViewStore();
 store.customBreadcrumbs = false;
+
+const editLeaveBefore = inject('editLeaveBefore');
+const fieldData = reactive({
+  isShow: false,
+  title: '添加字段',
+  // 点击保存时打开 loading，临时在样式上隐藏侧边栏
+  isHideBar: false,
+  // 侧边栏区分添加字段、编辑字段
+  setType: '',
+  currentEditorData: {},
+  isTableDataEmpty: false,
+  isTableDataError: false,
+});
+
+const state = reactive({
+  currentField: {},
+})
+
 const tableData: any = [
   {
     builtin: true,
@@ -118,10 +161,10 @@ const columns = [
     render: ({ data }: { data: any }) => {
       return (
         <div>
-          <bk-button text theme="primary" class="mr8">
+          <bk-button text theme="primary" class="mr8" onClick={editField.bind(this, data)}>
             编辑
           </bk-button>
-          <bk-button text theme="primary">
+          <bk-button text theme="primary" onClick={deleteField.bind(this, data)}>
             删除
           </bk-button>
         </div>
@@ -163,37 +206,89 @@ const initSortable = (className: string) => {
 nextTick(() => {
   initSortable("field-setting-table");
 });
+
+const addField = () => {
+  fieldData.currentEditorData = {};
+  fieldData.title = "添加字段";
+  fieldData.setType = "add";
+  fieldData.isShow = true;
+}
+
+const editField = (item) => {
+  fieldData.currentEditorData = item;
+  fieldData.title = "编辑字段";
+  fieldData.setType = "edit";
+  fieldData.isShow = true;
+}
+
+const deleteField = (item) => {
+  InfoBox({
+    title: "确认要删除吗？",
+    confirmText: "确认删除",
+    onConfirm: () => {
+      Message({
+        message: "删除成功",
+        theme: 'success',
+        delay: 1500,
+      });
+    }
+  })
+}
+const handleBeforeClose = async () => {
+  let enableLeave = true;
+  if (window.changeInput) {
+    enableLeave = await editLeaveBefore();
+    fieldData.isShow = false;
+  } else {
+    fieldData.isShow = false;
+  }
+  if (!enableLeave) {
+    return Promise.resolve(enableLeave);
+  }
+};
+
+const handleCancel = () => {
+  fieldData.isShow = false;
+}
+
+const fetchFieldList = () => {}
 </script>
 
 <style lang="less" scoped>
 .field-setting-content {
-  padding: 24px;
   height: calc(100vh - 104px);
+  padding: 24px;
+
   .add-field {
     margin-bottom: 16px;
   }
+
   :deep(.field-setting-table) {
     .field-name {
       .move {
-        color: #c8c8c8;
         font-size: 16px;
+        color: #c8c8c8;
         cursor: move;
       }
+
       .name {
-        color: #63656e;
         margin: 0 8px;
+        color: #63656e;
       }
     }
+
     .icon-duihao-i {
-      color: #2dcb56;
       font-size: 16px;
+      color: #2dcb56;
     }
+
     .bk-table-footer {
       padding: 0 15px;
       background: #fff;
     }
   }
 }
+
 .blue-background-class {
   background: red;
 }
diff --git a/src/pages/src/views/setting/FieldsAdd.vue b/src/pages/src/views/setting/FieldsAdd.vue
new file mode 100644
index 000000000..962b3cccd
--- /dev/null
+++ b/src/pages/src/views/setting/FieldsAdd.vue
@@ -0,0 +1,579 @@
+<template>
+  <div class="fields-add-wrapper user-scroll-y">
+    <bk-form ref="fieldsRef" form-type="vertical" :model="fieldsInfor" :rules="rulesFields">
+      <bk-form-item label="字段名称" property="name" required>
+        <bk-input
+          placeholder="最多不得超过12个字符（6个汉字）"
+          :disabled="fieldsInfor.builtin"
+          v-model="fieldsInfor.name" />
+      </bk-form-item>
+      <bk-form-item label="英文标识" property="key" required>
+        <bk-input
+          :disabled="isEdit"
+          v-model="fieldsInfor.key" />
+      </bk-form-item>
+      <bk-form-item label="字段类型" required>
+        <bk-select
+          v-model="state.defaultSelected"
+          :clearable="false"
+          :disabled="isEdit"
+          @change="selectedType">
+          <bk-option
+            v-for="(option, index) in typeList"
+            :key="index"
+            :id="option.id"
+            :name="option.name"
+          />
+        </bk-select>
+      </bk-form-item>
+    </bk-form>
+    <div class="enumerate-wrapper" v-if="state.isShowEg">
+      <i class="arrow"></i>
+      <h4 class="enum-title">
+        <i class="icon icon-user-cog"></i>
+        <span class="text">枚举设置</span>
+      </h4>
+      <div class="type-select-wrapper">
+        <p class="desc">枚举类型</p>
+        <bk-radio-group class="king-radio-group" v-model="fieldsInfor.type">
+          <bk-radio
+            label="one_enum"
+            name="egRadio"
+            :disabled="isEdit"
+          >单选</bk-radio
+          >
+          <bk-radio
+            label="multi_enum"
+            name="egRadio"
+            :disabled="isEdit"
+          >多选</bk-radio
+          >
+        </bk-radio-group>
+      </div>
+      <div class="enum-settings" data-test-id="fieldData">
+        <p class="explain">
+          <span class="default">默认选项</span>
+          <span class="text">选项值</span>
+        </p>
+        <ul>
+          <li
+            class="content-list"
+            v-for="(item, index) in fieldsInfor.options"
+            :key="index"
+          >
+            <div class="select-box default-box">
+              <div class="input-container">
+                <label
+                  v-if="fieldsInfor.type === 'one_enum'"
+                  class="king-radio"
+                >
+                  <input
+                    name="eg"
+                    type="radio"
+                    :value="index"
+                    v-model="fieldsInfor.default"
+                    :class="{ 'is-checked': fieldsInfor.default === index }"
+                  />
+                </label>
+                <label v-else class="king-checkbox king-checkbox-small">
+                  <input
+                    name="egCheckbox"
+                    type="checkbox"
+                    :value="index"
+                    v-model="fieldsInfor.default"
+                  />
+                </label>
+              </div>
+            </div>
+            <div class="select-box text-box">
+              <input
+                type="text"
+                :class="['select-text', { 'input-error': item.isErrorValue }]"
+                v-model="item.value"
+                @keyup.enter="addEg"
+                @blur="verifyEgValue(item)"
+                @focus="hiddenEgError(item)"
+              />
+              <p class="hint" v-show="item.isErrorValue">
+                该字段是必填项
+              </p>
+            </div>
+            <div class="select-box icon-box">
+              <i
+                class="user-icon icon-minus-fill"
+                :class="{ 'forbid': !state.isDeleteOption }"
+                @click="deleteEg(index)"
+              ></i>
+              <i
+                class="user-icon icon-plus-fill"
+                v-if="index === fieldsInfor.options.length - 1"
+                @click="addEg" />
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="select-type">
+      <bk-checkbox
+        :value="fieldsInfor.require"
+        :disabled="fieldsInfor.builtin"
+        v-model="fieldsInfor.require">
+        <bk-popover content="该字段在用户信息里必须填写" placement="top">
+          <span>必填</span>
+        </bk-popover>
+      </bk-checkbox>
+      <bk-checkbox
+        :value="fieldsInfor.unique"
+        :disabled="isEdit"
+        v-model="fieldsInfor.unique">
+        <bk-popover content="该字段在不同用户信息里不能相同" placement="top">
+          <span>唯一</span>
+        </bk-popover>
+      </bk-checkbox>
+      <bk-checkbox
+        :value="fieldsInfor.editable"
+        v-model="fieldsInfor.editable"
+        :disabled="fieldsInfor.builtin">
+        <bk-popover content="该字段在用户信息里可编辑" placement="top">
+          <span>可编辑</span>
+        </bk-popover>
+      </bk-checkbox>
+    </div>
+    <div class="submit-btn">
+      <bk-button theme="primary" @click="submitInfor">保存</bk-button>
+      <bk-button theme="default" @click="$emit('handleCancel')">取消</bk-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, nextTick, reactive, ref, watch } from 'vue';
+
+const props = defineProps({
+  currentEditorData: {
+    type: Object,
+    default: {},
+  },
+  setType: {
+    type: String,
+    default: '',
+  },
+});
+
+const fieldsRef = ref();
+let fieldsInfor = reactive({
+  name: '',
+  key: '',
+  type: 'one_enum',
+  require: false,
+  unique: false,
+  editable: true,
+  builtin: false,
+  default: 0,
+  options: [{
+    id: 0, value: '', isErrorValue: false,
+  }, {
+    id: 1, value: '', isErrorValue: false,
+  }],
+  multiple: ['editable'],
+});
+const state = reactive({
+  defaultSelected: 'string',
+  isDeleteOption: true,
+  nameError: '',
+  isRepeatClick: false,
+  // 是否是枚举，显示对应的内容
+  isShowEg: false,
+});
+const verifyInfor = reactive({
+  name: false,
+  englishMark: false,
+  egId: false,
+  egValue: false,
+});
+const typeList = [
+  {
+    id: 'string',
+    name: '字符串',
+  },
+  {
+    id: 'enum',
+    name: '枚举',
+  },
+  {
+    id: 'number',
+    name: '数值',
+  },
+  {
+    id: 'timer',
+    name: '日期',
+  },
+];
+
+const rulesFields = {
+  name: [
+    {
+      required: true,
+      message: '必填项',
+      trigger: 'blur',
+    },
+    {
+      validator: (value: string) => value.length <= 12,
+      message: '最多不得超过12个字符（6个汉字）',
+      trigger: 'blur',
+    },
+  ],
+  key: [
+    {
+      required: true,
+      message: '必填项',
+      trigger: 'blur',
+    },
+    {
+      validator: (value: string) => /^[a-zA-Z]+$/.test(value),
+      message: '由英文字母组成',
+      trigger: 'blur',
+    },
+  ],
+};
+
+const isEdit = computed(() => props?.setType === 'edit');
+
+watch(() => fieldsInfor.type, (val) => {
+  if (!props?.currentEditorData?.id) {
+    fieldsInfor.default = val === 'multi_enum' ? [0] : 0;
+  }
+});
+
+watch(() => fieldsInfor.options.length, (val) => {
+  if (state.defaultSelected === 'enum') {
+    state.isDeleteOption = !(val <= 1);
+  }
+});
+
+const initData = () => {
+  if (props?.currentEditorData?.id) {
+    fieldsInfor = JSON.parse(JSON.stringify(props.currentEditorData));
+    if (fieldsInfor.type === 'one_enum' || fieldsInfor.type === 'multi_enum') {
+      state.defaultSelected = 'enum';
+      fieldsInfor.default = fieldsInfor.type === 'one_enum'
+        ? Number(fieldsInfor.default)
+        : fieldsInfor.default.slice(1, fieldsInfor.default.length - 1).split(',')
+          .map(item => Number(item));
+    } else {
+      state.defaultSelected = fieldsInfor.type;
+    }
+  }
+};
+initData();
+
+// 下拉框 选择对应的类型，布尔值 字符串 枚举 数值
+// eslint-disable-next-line no-unused-vars
+const selectedType = (newType, oldType) => {
+  window.changeInput = true;
+  if (newType === 'enum') {
+    state.isShowEg = true;
+    // 如果选择了枚举值 type 设置为单选
+    if (fieldsInfor.type.indexOf('enum') === -1) {
+      fieldsInfor.type = 'one_enum';
+    }
+  } else {
+    fieldsInfor.type = newType;
+    state.isShowEg = false;
+  }
+};
+// 失焦校验枚举
+const verifyEgValue = (item) => {
+  if (!item.value.length) {
+    item.isErrorValue = true;
+  }
+};
+// 获焦隐藏枚举的错误提示
+const hiddenEgError = (item) => {
+  item.isErrorValue = false;
+  window.changeInput = true;
+};
+// 删除枚举
+const deleteEg = (index) => {
+  window.changeInput = true;
+  if (fieldsInfor.options.length <= 1) {
+    return;
+  }
+  fieldsInfor.options.splice(index, 1);
+};
+// 添加枚举类型
+const addEg = () => {
+  window.changeInput = true;
+  if (fieldsInfor.options.length > 100) {
+    return;
+  }
+  const param = {
+    id: fieldsInfor.options.length,
+    value: '',
+    isErrorValue: false,
+  };
+  fieldsInfor.options.push(param);
+};
+const getByteLen = (str) => {
+  // 匹配所有的中文
+  const reg = /[\u4E00-\u9FA5]/;
+  let len = 0;
+  // 去掉前后空格
+  str = str.replace(/(^\s+)|(\s+$)/g, '').replace(/\s/g, '');
+  for (let i = 0; i < str.length; i++) {
+    if (reg.test(str[i])) {
+      len += 2;
+    } else {
+      len += 1;
+    }
+  }
+  return len;
+};
+// 表单校验
+const submitInfor = () => {
+  fieldsRef.value.validate();
+  if (state.isShowEg) {
+    fieldsInfor.options.forEach((option) => {
+      if (!option.value.length) {
+        option.isErrorValue = true;
+      }
+    });
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.fields-add-wrapper {
+  height: calc(100vh - 52px);
+  padding: 24px 0;
+
+  .bk-form {
+    padding: 0 24px;
+  }
+
+  .enumerate-wrapper {
+    position: relative;
+    z-index: 10;
+    padding: 0 30px;
+    margin-bottom: 30px;
+    color: rgb(99 101 110 / 100%);
+    background: rgb(255 255 255 / 100%);
+    border: 1px solid rgb(221 228 235 / 100%);
+    border-radius: 2px;
+
+    .arrow {
+      position: absolute;
+      top: -5px;
+      left: 51px;
+      z-index: 10;
+      width: 8px;
+      height: 8px;
+      background: white;
+      border-top: 1px solid #dde4eb;
+      border-left: 1px solid #dde4eb;
+      transform: rotate(45deg);
+    }
+
+    .enum-title {
+      font-size: 0;
+      font-weight: bold;
+      line-height: 38px;
+      color: rgb(115 121 135 / 100%);
+
+      .text,
+      .icon {
+        display: inline-block;
+        font-size: 14px;
+        vertical-align: middle;
+      }
+
+      .icon {
+        margin-right: 6px;
+        font-size: 16px;
+      }
+
+      .text {
+        width: 95%;
+        border-bottom: 1px solid #dde4eb;
+      }
+    }
+
+    .type-select-wrapper {
+      display: flex;
+      align-items: center;
+      padding: 20px 0;
+
+      .desc {
+        padding-right: 12px;
+        font-size: 14px;
+      }
+
+      .king-radio-group {
+        display: flex;
+        align-items: center;
+        width: auto;
+        height: 19px;
+        line-height: 19px;
+
+        .bk-form-radio {
+          padding-right: 12px;
+        }
+      }
+    }
+
+    .enum-settings {
+      .explain {
+        margin-bottom: 20px;
+        font-size: 0;
+
+        span {
+          display: inline-block;
+          font-size: 14px;
+          vertical-align: middle;
+
+          &.default {
+            width: 56px;
+          }
+
+          &.text {
+            width: 200px;
+            margin-right: 10px;
+            margin-left: 20px;
+          }
+        }
+      }
+
+      .content-list {
+        padding-bottom: 10px;
+        margin-bottom: 10px;
+        font-size: 0;
+
+        .select-box {
+          position: relative;
+          display: inline-block;
+          height: 32px;
+          font-size: 14px;
+          vertical-align: middle;
+
+          &.default-box {
+            width: 56px;
+
+            .king-checkbox {
+              position: relative;
+              margin: 0;
+              text-align: center;
+              vertical-align: center;
+
+              input {
+                position: relative;
+                display: inline-block;
+                width: 16px;
+                height: 16px;
+                vertical-align: middle;
+                border: 1px solid #979ba5;
+                border-radius: 2px;
+              }
+            }
+          }
+
+          &.text-box {
+            width: 200px;
+            margin: 0 20px;
+          }
+
+          > .select-text {
+            width: 100%;
+            height: 32px;
+            padding-left: 10px;
+            line-height: 32px;
+            border: 1px solid #c4c6cc;
+            border-radius: 2px;
+            outline: none;
+            resize: none;
+          }
+
+          > .input-container {
+            display: flex;
+            justify-content: flex-end;
+            align-items: center;
+            width: 100%;
+            height: 100%;
+
+            > label {
+              width: 16px;
+              height: 16px;
+            }
+
+            > .king-radio {
+              position: relative;
+              display: inline-block;
+              font-size: 14px;
+              color: #63656e;
+
+              > input[type="radio"] {
+                width: 16px;
+                height: 16px;
+                color: #fff;
+                cursor: pointer;
+                background-color: #fff;
+                border: 1px solid #979ba5;
+                border-radius: 50%;
+                outline: none;
+                visibility: visible;
+                background-clip: content-box;
+                appearance: none;
+
+                &.is-checked {
+                  padding: 3px;
+                  color: #3a84ff;
+                  background-color: currentcolor;
+                  border-color: currentcolor;
+                }
+              }
+            }
+          }
+
+          > .user-icon {
+            position: relative;
+            top: 6px;
+            margin-right: 5px;
+            font-size: 20px;
+            color: #c7d1da;
+            cursor: pointer;
+
+            &.forbid {
+              color: #c4c6cc;
+              cursor: not-allowed;
+            }
+
+            &:last-child {
+              margin-right: 0;
+            }
+          }
+        }
+
+        .hint {
+          position: absolute;
+          top: 32px;
+          left: 0;
+          color: #ea3636;
+        }
+      }
+    }
+  }
+
+  .select-type {
+    display: flex;
+    padding: 0 24px 30px;
+  }
+
+  .submit-btn {
+    padding: 0 24px;
+
+    .bk-button {
+      width: 76px !important;
+      margin-right: 10px;
+    }
+  }
+}
+</style>
diff --git a/src/pages/src/views/setting/LoginSetting.vue b/src/pages/src/views/setting/LoginSetting.vue
index 9a6a41e83..6c2e40f37 100644
--- a/src/pages/src/views/setting/LoginSetting.vue
+++ b/src/pages/src/views/setting/LoginSetting.vue
@@ -70,62 +70,69 @@
 </template>
 
 <script setup lang="tsx">
-import { reactive } from "vue";
+import { reactive } from 'vue';
 
 const state = reactive({
   basicLogin: [
-    { name: "账密登录（本地）", value: "1", default: false },
-    { name: "OpenLDAP登录", value: "2", default: false },
-    { name: "MAD登录", value: "3", default: false },
-    { name: "企业微信登录", value: "4", default: false },
-    { name: "手机号+验证码", value: "5", default: false },
-    { name: "邮箱+验证码", value: "6", default: false },
+    { name: '账密登录（本地）', value: '1', default: false },
+    { name: 'OpenLDAP登录', value: '2', default: false },
+    { name: 'MAD登录', value: '3', default: false },
+    { name: '企业微信登录', value: '4', default: false },
+    { name: '手机号+验证码', value: '5', default: false },
+    { name: '邮箱+验证码', value: '6', default: false },
   ],
   accountLogin: [
-    { name: "微信", value: "weixin" },
-    { name: "QQ", value: "qq" },
-    { name: "Google", value: "google" },
+    { name: '微信', value: 'weixin' },
+    { name: 'QQ', value: 'qq' },
+    { name: 'Google', value: 'google' },
   ],
   openMFA: true,
-  days: "3天",
+  days: '3天',
   daysList: [
-    { name: "3天", value: 3 },
-    { name: "7天", value: 7 },
-    { name: "14天", value: 14 },
-    { name: "30天", value: 30 },
-    { name: "60天", value: 60 },
+    { name: '3天', value: 3 },
+    { name: '7天', value: 7 },
+    { name: '14天', value: 14 },
+    { name: '30天', value: 30 },
+    { name: '60天', value: 60 },
   ],
 });
 </script>
 
 <style lang="less" scoped>
 .login-setting-content {
-  padding: 24px;
   height: calc(100vh - 104px);
+  padding: 24px;
+
   .setting-item {
-    background: #ffffff;
-    box-shadow: 0 2px 4px 0 #1919290d;
-    border-radius: 2px;
     margin-bottom: 16px;
+    background: #fff;
+    border-radius: 2px;
+    box-shadow: 0 2px 4px 0 #1919290d;
+
     .item-title {
+      padding: 16px 0 16px 24px;
       font-size: 14px;
       font-weight: 700;
-      padding: 16px 0 16px 24px;
     }
+
     .setting-form {
       margin-left: 64px;
+
       .item-flex {
         display: flex;
+
         .bk-form-item {
           width: 145px;
+
           .icon-plus-fill {
-            color: #3a84ff;
             font-size: 14px;
+            color: #3a84ff;
           }
         }
       }
     }
   }
+
   .setting-btn {
     button {
       width: 88px;
diff --git a/src/pages/src/views/setting/index.vue b/src/pages/src/views/setting/index.vue
index 5536ecbf0..cee049b06 100644
--- a/src/pages/src/views/setting/index.vue
+++ b/src/pages/src/views/setting/index.vue
@@ -12,7 +12,7 @@
             v-for="item in menuData"
             :key="item.key">
             <template #icon>
-              <i class="user-icon icon-block-shape" />
+              <i class="user-icon icon-qingximoban" />
             </template>
             {{ item.name }}
           </bk-menu-item>
@@ -32,27 +32,29 @@
 </template>
 
 <script setup lang="tsx">
-import { reactive } from "vue";
-import { useMenu } from "@/store/useMenu";
-import { useMenuInfo } from "../../hooks/useMenuInfo";
-import MainView from "@/components/layouts/MainView.vue";
+import { reactive } from 'vue';
+
+import { useMenuInfo } from '../../hooks/useMenuInfo';
+
+import MainView from '@/components/layouts/MainView.vue';
+import { useMenu } from '@/store/useMenu';
 
 const menuStore = useMenu();
 const { activeKey, handleChangeMenu } = useMenuInfo();
 
 const menuData = reactive([
   {
-    name: "用户字段设置",
-    key: "userFields",
+    name: '用户字段设置',
+    key: 'userFields',
   },
   {
-    name: "登录设置",
-    key: "login",
+    name: '登录设置',
+    key: 'login',
   },
 ]);
 
 </script>
 
 <style lang="less" scoped>
-@import "../../css/menuStyle.less";
+@import url("../../css/menuStyle.less");
 </style>
diff --git a/src/pages/src/views/tenantry/group-details/MemberSelector.vue b/src/pages/src/views/tenant/group-details/MemberSelector.vue
similarity index 84%
rename from src/pages/src/views/tenantry/group-details/MemberSelector.vue
rename to src/pages/src/views/tenant/group-details/MemberSelector.vue
index 143b2d593..3e13296f2 100644
--- a/src/pages/src/views/tenantry/group-details/MemberSelector.vue
+++ b/src/pages/src/views/tenant/group-details/MemberSelector.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script setup lang="tsx">
-import { reactive, ref } from "vue";
+import { reactive, ref } from 'vue';
 
 const props = defineProps({
   modelValue: {
@@ -50,16 +50,16 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["update:modelValue", "selcetList", "scrollChange", "searchUserList"]);
+const emit = defineEmits(['update:modelValue', 'selectList', 'scrollChange', 'searchUserList']);
 const isFocous = ref(false);
 const scrollLoading = ref(false);
 
 // 远程搜索人员
 const remoteFilter = async (value: string) => {
-  await emit("searchUserList", value);
+  await emit('searchUserList', value);
 };
 const handleChange = (values: string[]) => {
-  emit("update:modelValue", values);
+  emit('update:modelValue', values);
 };
 const handleFocus = () => {
   isFocous.value = true;
@@ -71,20 +71,20 @@ const handleClick = () => {
       list.push(item);
     }
   });
-  emit("selcetList", list);
-}
+  emit('selectList', list);
+};
 const handleCancel = () => {
-  emit("selcetList");
-  emit("searchUserList", "");
-}
+  emit('selectList', []);
+  emit('searchUserList', '');
+};
 const handleScrollEnd = () => {
-  if (props.params.page_size > props.state.count) return;
+  if (props.params.page_size >= props.state.count) return;
   scrollLoading.value = true;
   setTimeout(() => {
-    emit("scrollChange");
+    emit('scrollChange');
     scrollLoading.value = false;
   }, 1000);
-}
+};
 </script>
 
 <style lang="less">
@@ -94,18 +94,22 @@ const handleScrollEnd = () => {
       min-height: 42px;
       padding: 0 10px;
       border: 1px solid transparent;
+
       &:hover {
-          border-color: #3a84ff;
+        border-color: #3a84ff;
       }
     }
+
     .angle-up {
       display: none !important;
     }
   }
 }
+
 .is-selected {
-  background-color: #e1ecff !important; 
+  background-color: #e1ecff !important;
 }
+
 .bk-select-dropdown {
   overflow-y: auto;
 
@@ -118,20 +122,24 @@ const handleScrollEnd = () => {
     background-color: #dcdee5;
     border-radius: 4px;
   }
+
   .logo-style {
     width: 22px;
     height: 22px;
+    margin-right: 5px;
     border: 1px solid #C4C6CC;
     border-radius: 50%;
-    margin-right: 5px;
   }
 }
+
 .bk-select-extension {
   justify-content: space-around;
+
   .bk-button {
     width: 50%;
     height: 100%;
     border-radius: 0;
+
     &:first-child {
       border-right: 1px solid #dcdee5;
     }
diff --git a/src/pages/src/views/tenantry/group-details/OperationDetails.vue b/src/pages/src/views/tenant/group-details/OperationDetails.vue
similarity index 73%
rename from src/pages/src/views/tenantry/group-details/OperationDetails.vue
rename to src/pages/src/views/tenant/group-details/OperationDetails.vue
index 13250d78e..1339c65b1 100644
--- a/src/pages/src/views/tenantry/group-details/OperationDetails.vue
+++ b/src/pages/src/views/tenant/group-details/OperationDetails.vue
@@ -100,7 +100,7 @@
 
 <script setup lang="tsx">
 import { ref, reactive, computed, nextTick } from "vue";
-import { emailRegx, telRegx } from "@/common/regex";
+import { emailRegx, telRegx, usernameRegx, tenantIdRegx } from "@/common/regex";
 import { createTenants, putTenants, getTenantUsersList } from "@/http/tenantsFiles";
 import { getBase64 } from "@/utils";
 import Empty from "@/components/Empty.vue";
@@ -171,6 +171,11 @@ const rulesBasicInfo = {
       message: "必填项",
       trigger: "blur",
     },
+    {
+      validator: (value: string) => tenantIdRegx.rule.test(value),
+      message: tenantIdRegx.message,
+      trigger: "blur",
+    },
   ],
 };
 
@@ -182,10 +187,8 @@ const rulesUserInfo = {
       trigger: "blur",
     },
     {
-      validator: (value: string) => {
-        return value.length <= 32;
-      },
-      message: "不能多于32个字符",
+      validator: (value: string) => usernameRegx.rule.test(value),
+      message: usernameRegx.message,
       trigger: "blur",
     },
   ],
@@ -284,7 +287,7 @@ const fieldItemFn = (row: any) => {
                 v-model={formData.managers[index][column.field]}
                 state={state}
                 params={params}
-                onSelcetList={selcetList}
+                onselectList={selectList}
                 onScrollChange={scrollChange}
                 onSearchUserList={fetchUserList} />
             : <bk-input v-model={formData.managers[index][column.field]} disabled={column.field !== 'username'} />
@@ -325,14 +328,14 @@ const columns = [
           <bk-button
             style="margin: 0 15px;"
             text
-            onClick={handleAddItem.bind(this, index)}
+            onClick={handleItemChange.bind(this, index, 'add')}
           >
             <i class="user-icon icon-plus-fill" />
           </bk-button>
           <bk-button
             text
             disabled={formData.managers.length === 1}
-            onClick={handleRemoveItem.bind(this, index)}
+            onClick={handleItemChange.bind(this, index, 'remove')}
           >
             <i class="user-icon icon-minus-fill" />
           </bk-button>
@@ -345,7 +348,7 @@ const columns = [
 /**
  * 获取表格数据
  */
-function getTableItem(): TableItem {
+ function getTableItem(): TableItem {
   return {
     username: "",
     full_name: "",
@@ -355,41 +358,34 @@ function getTableItem(): TableItem {
   };
 }
 
-function handleAddItem(index: number) {
-  formData.managers.splice(index + 1, 0, getTableItem());
-  window.changeInput = true;
-  fetchUserList("");
-}
+function handleItemChange(index: number, action: 'add' | 'remove') {
+  if(action === 'add') {
+    formData.managers.splice(index + 1, 0, getTableItem());
+  } else if (action === 'remove') {
+    formData.managers.splice(index, 1);
+  }
 
-function handleRemoveItem(index: number) {
-  formData.managers.splice(index, 1);
   window.changeInput = true;
   fetchUserList("");
 }
 // 校验表单
 async function handleSubmit() {
-  if (props.type === "add") {
-    await Promise.all([
-      basicRef.value.validate(),
-      userRef.value.validate(),
-      // passwordRef.value.validate(),
-    ]);
-    createTenantsFn();
-  } else {
-    await Promise.all([
-      basicRef.value.validate(),
-      userRef.value.validate(),
-    ]);
-    putTenantsFn();
-  }
+  const validationPromises = [
+    basicRef.value.validate(),
+    userRef.value.validate(),
+  ];
+
+  await Promise.all(validationPromises);
+
+  props.type === "add" ? createTenantsFn() : putTenantsFn();
 }
+
 // 新建租户
 function createTenantsFn() {
-  if (!formData.logo) delete formData.logo;
-  createTenants(formData)
-    .then(() => {
-      emit('updateTenantsList');
-    });
+  const data = { ...formData };
+  if (!data.logo) delete data.logo;
+
+  createTenants(data).then(() => emit('updateTenantsList'));
 }
 // 更新租户
 function putTenantsFn() {
@@ -401,24 +397,22 @@ function putTenantsFn() {
       user_number_visible: formData.feature_flags.user_number_visible,
     },
     manager_ids,
-  }
+  };
+
   if (!params.logo) delete params.logo;
-  // delete formData.password_settings;
-  putTenants(formData.id, params)
-    .then(() => {
-      emit('updateTenantsList');
-    });
+
+  putTenants(formData.id, params).then(() => emit('updateTenantsList'));
 }
 
 // 搜索管理员
 const handleEnter = (value: string) => {
-  formData.managers = props.tenantsData.managers.filter(item => item.username.indexOf(value) !== -1);
+  formData.managers = props.tenantsData.managers.filter(item => item.username.includes(value));
   state.isEmptySearch = !formData.managers.length;
 }
 // 清除搜索管理员
 const handleClear = () => {
   state.username = "";
-  formData.managers = props.tenantsData.managers;
+  formData.managers = [...props.tenantsData.managers];
 }
 // 获取管理员列表
 const fetchUserList = (value: string) => {
@@ -434,18 +428,18 @@ const fetchUserList = (value: string) => {
   }
 }
 
-const selcetList = (list) => {
+const selectList = (list) => {
   formData.managers = formData.managers.filter(item => item.id);
   nextTick(() => {
-    list && list.length
-      ? formData.managers.push(...list)
-      : formData.managers.push({
-          username: "",
-          full_name: "",
-          email: "",
-          phone: "",
-          phone_country_code: "86",
-        });
+    const managers = list && list.length ? list : [{
+      username: "",
+      full_name: "",
+      email: "",
+      phone: "",
+      phone_country_code: "86",
+    }];
+
+    formData.managers.push(...managers);
   });
 }
 
@@ -466,95 +460,5 @@ const handleChange = () => {
 </script>
 
 <style lang="less" scoped>
-.operation-wrapper {
-  position: relative;
-  background: #f5f7fa;
-  .operation-content {
-    padding: 0 24px;
-    .operation-card {
-      list-style: none;
-      margin: 16px 0;
-      padding: 16px 20px 24px;
-      background: #fff;
-      box-shadow: 0 2px 4px 0 #1919290d;
-      border-radius: 2px;
-      .operation-content-title {
-        font-size: 14px;
-        color: #63656e;
-        font-weight: 700;
-        line-height: 40px;
-      }
-      .operation-content-info {
-        display: flex;
-        justify-content: space-between;
-        padding-right: 60px;
-        .operation-content-form {
-          .bk-input {
-            width: 420px;
-          }
-          :deep(.bk-form-error) {
-            width: 420px;
-            position: initial !important;
-          }
-        }
-      }
-      :deep(.bk-form-item) {
-        &:last-child {
-          margin-bottom: 0;
-        }
-      }
-      .item-style {
-        :deep(.bk-form-label) {
-          float: unset;
-          width: 100%;
-          text-align: left;
-        }
-        :deep(.bk-form-content) {
-          margin-left: 0 !important;
-          .bk-form-error {
-            left: 145px;
-          }
-        }
-      }
-      .operation-content-table {
-        margin-top: 16px;
-        :deep(.bk-table-body) {
-          .cell {
-            padding: 0 !important;
-            .bk-form-item {
-              margin-bottom: 0;
-              .bk-form-content {
-                margin-left: 0 !important;
-                .bk-input {
-                  height: 42px;
-                  border-color: transparent;
-                }
-                .bk-input:hover:not(.is-disabled) {
-                  border-color: #3a84ff;
-                }
-              }
-            }
-            .user-icon {
-              color: #dcdee5;
-              &:hover {
-                color: #c4c6cc;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  .footer {
-    position: fixed;
-    bottom: 0;
-    height: 48px;
-    line-height: 48px;
-    padding: 0 24px;
-    .bk-button {
-      width: 88px;
-      margin-right: 8px;
-    }
-  }
-}
+@import url("@/css/tenantEditStyle.less");
 </style>
diff --git a/src/pages/src/views/tenantry/group-details/ViewDetails.vue b/src/pages/src/views/tenant/group-details/ViewDetails.vue
similarity index 96%
rename from src/pages/src/views/tenantry/group-details/ViewDetails.vue
rename to src/pages/src/views/tenant/group-details/ViewDetails.vue
index 00838c712..a0af98518 100644
--- a/src/pages/src/views/tenantry/group-details/ViewDetails.vue
+++ b/src/pages/src/views/tenant/group-details/ViewDetails.vue
@@ -13,7 +13,7 @@
         </div>
       </div>
       <img v-if="tenantsData.logo" class="user-logo" :src="tenantsData.logo" alt="">
-      <img v-else class="user-logo" src="../../../images/avatar.png" alt="">
+      <img v-else class="user-logo" src="@/images/avatar.png" alt="">
     </li>
     <li>
       <div class="details-content-title">管理员</div>
@@ -78,41 +78,49 @@ const basicData = reactive([
 <style lang="less" scoped>
 .details-content {
   padding: 0 40px;
+
   li {
-    list-style: none;
+    position: relative;
     padding: 20px 0;
+    list-style: none;
     border-bottom: 1px solid #dcdee5;
-    position: relative;
+
     .details-content-title {
       font-size: 14px;
-      color: #63656e;
       font-weight: 700;
       line-height: 40px;
+      color: #63656e;
     }
+
     .details-content-info {
       width: calc(100% - 92px);
+
       .details-content-item {
-        line-height: 40px;
+        display: flex;
         width: 100%;
+        line-height: 40px;
+
         .details-content-key {
-          font-size: 14px;
-          color: #63656e;
           display: inline-block;
           width: 100px;
+          font-size: 14px;
+          color: #63656e;
           text-align: right;
         }
+
         .details-content-value {
-          font-size: 14px;
-          color: #313238;
           display: inline-block;
           width: calc(100% - 100px);
           overflow: hidden;
+          font-size: 14px;
+          color: #313238;
           text-overflow: ellipsis;
           white-space: nowrap;
           vertical-align: top;
         }
       }
     }
+
     .user-logo {
       position: absolute;
       top: 60px;
@@ -123,12 +131,15 @@ const basicData = reactive([
       object-fit: contain;
     }
   }
+
   li:last-child {
     border-bottom: none;
   }
 }
+
 .details-content-table {
   margin-top: 16px;
+
   :deep(.bk-fixed-bottom-border) {
     border-top: none;
   }
diff --git a/src/pages/src/views/tenantry/group-details/index.vue b/src/pages/src/views/tenant/group-details/index.vue
similarity index 98%
rename from src/pages/src/views/tenantry/group-details/index.vue
rename to src/pages/src/views/tenant/group-details/index.vue
index adb274dd0..188ab6b33 100644
--- a/src/pages/src/views/tenantry/group-details/index.vue
+++ b/src/pages/src/views/tenant/group-details/index.vue
@@ -45,7 +45,10 @@
       <template #header>
         <span>{{ detailsConfig.title }}</span>
         <div v-if="isView">
-          <bk-button @click="handleClick('edit', state.tenantsData)"
+          <bk-button
+            outline
+            theme="primary"
+            @click="handleClick('edit', state.tenantsData)"
             >编辑</bk-button
           >
         </div>
@@ -325,16 +328,19 @@ const handleBeforeClose = async () => {
       justify-content: space-between;
       align-items: center;
       margin-bottom: 16px;
+
       .content-search-input {
         width: 400px;
       }
     }
+
     :deep(.bk-table) {
       .item-name {
         display: flex;
         align-items: center;
         height: 42px;
         line-height: 42px;
+
         img {
           width: 16px;
           height: 16px;
@@ -342,38 +348,42 @@ const handleBeforeClose = async () => {
           border: 1px solid #C4C6CC;
           border-radius: 50%;
         }
+
         .logo {
           display: inline-block;
           width: 16px;
-          line-height: 16px;
-          text-align: center;
+          margin-right: 8px;
+          font-size: 12px;
           font-weight: 700;
+          line-height: 16px;
           color: #fff;
+          text-align: center;
           background-color: #C4C6CC;
           border-radius: 4px;
           flex-shrink: 0;
-          font-size: 12px;
-          margin-right: 8px;
         }
       }
     }
   }
 }
+
 .details-wrapper {
   :deep(.bk-sideslider-title) {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 24px 0 50px !important;
+
     .bk-button {
       padding: 5px 17px !important;
     }
   }
 }
+
 .details-edit-wrapper {
   :deep(.bk-modal-content) {
-    background: #f5f7fa;
     height: calc(100vh - 106px);
+    background: #f5f7fa;
   }
 }
 </style>
diff --git a/src/pages/src/views/tenantry/index.vue b/src/pages/src/views/tenant/index.vue
similarity index 77%
rename from src/pages/src/views/tenantry/index.vue
rename to src/pages/src/views/tenant/index.vue
index 041642e1a..ae89800ce 100644
--- a/src/pages/src/views/tenantry/index.vue
+++ b/src/pages/src/views/tenant/index.vue
@@ -12,7 +12,7 @@
             v-for="item in menuData"
             :key="item.key">
             <template #icon>
-              <i class="user-icon icon-block-shape" />
+              <i class="user-icon icon-qingximoban" />
             </template>
             {{ item.name }}
           </bk-menu-item>
@@ -32,18 +32,20 @@
 </template>
 
 <script setup lang="tsx">
-import { useMenu } from "@/store/useMenu";
-import { useMenuInfo } from "../../hooks/useMenuInfo";
-import MainView from "@/components/layouts/MainView.vue";
-import { reactive } from "vue";
+import { reactive } from 'vue';
+
+import { useMenuInfo } from '../../hooks/useMenuInfo';
+
+import MainView from '@/components/layouts/MainView.vue';
+import { useMenu } from '@/store/useMenu';
 
 const menuStore = useMenu();
 const { activeKey, handleChangeMenu } = useMenuInfo();
 
 const menuData = reactive([
   {
-    name: "集团概览",
-    key: "tenantInfo",
+    name: '集团概览',
+    key: 'tenantInfo',
   },
   // {
   //   name: "全局设置",
@@ -53,5 +55,5 @@ const menuData = reactive([
 </script>
 
 <style lang="less" scoped>
-@import "../../css/menuStyle.less";
+@import url("../../css/menuStyle.less");
 </style>
diff --git a/src/pages/static/bk_icon_font/demo.html b/src/pages/static/bk_icon_font/demo.html
index 90b488be5..f452cf82d 100644
--- a/src/pages/static/bk_icon_font/demo.html
+++ b/src/pages/static/bk_icon_font/demo.html
@@ -117,6 +117,10 @@ <h2 class="page-title">
     </div>
     <section class="tab-content single-color active" data-type="singleColor">
       <ul class="icon-list">
+        <li class="icon-item" title="app-store-fill">
+          <span class="icon user-icon icon-app-store-fill"></span>
+          <p class="icon-text">app-store-fill</p>
+        </li>
         <li class="icon-item" title="info-i">
           <span class="icon user-icon icon-info-i"></span>
           <p class="icon-text">info-i</p>
@@ -257,6 +261,34 @@ <h2 class="page-title">
           <span class="icon user-icon icon-wechat"></span>
           <p class="icon-text">wechat</p>
         </li>
+        <li class="icon-item" title="yonghu">
+          <span class="icon user-icon icon-yonghu"></span>
+          <p class="icon-text">yonghu</p>
+        </li>
+        <li class="icon-item" title="qiyeweixin">
+          <span class="icon user-icon icon-qiyeweixin"></span>
+          <p class="icon-text">qiyeweixin</p>
+        </li>
+        <li class="icon-item" title="qingximoban">
+          <span class="icon user-icon icon-qingximoban"></span>
+          <p class="icon-text">qingximoban</p>
+        </li>
+        <li class="icon-item" title="rizhi">
+          <span class="icon user-icon icon-rizhi"></span>
+          <p class="icon-text">rizhi</p>
+        </li>
+        <li class="icon-item" title="zhibiaochajian">
+          <span class="icon user-icon icon-zhibiaochajian"></span>
+          <p class="icon-text">zhibiaochajian</p>
+        </li>
+        <li class="icon-item" title="shujuku">
+          <span class="icon user-icon icon-shujuku"></span>
+          <p class="icon-text">shujuku</p>
+        </li>
+        <li class="icon-item" title="ladp">
+          <span class="icon user-icon icon-ladp"></span>
+          <p class="icon-text">ladp</p>
+        </li>
       </ul>
       <h3 class="describe-title">为什么使用</h3>
       <ul class="use-describe">
@@ -274,6 +306,12 @@ <h3 class="describe-title">如何使用</h3>
     </section>
     <section class="tab-content multiple-color"  data-type="multipleColor">
       <ul class="icon-list">
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#icon-app-store-fill"></use>
+          </svg>
+          <p class="icon-text">app-store-fill</p>
+        </li>
         <li class="colorful-icon">
           <svg class="icon svg-icon">
             <use xlink:href="#icon-info-i"></use>
@@ -484,6 +522,48 @@ <h3 class="describe-title">如何使用</h3>
           </svg>
           <p class="icon-text">wechat</p>
         </li>
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#icon-yonghu"></use>
+          </svg>
+          <p class="icon-text">yonghu</p>
+        </li>
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#icon-qiyeweixin"></use>
+          </svg>
+          <p class="icon-text">qiyeweixin</p>
+        </li>
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#icon-qingximoban"></use>
+          </svg>
+          <p class="icon-text">qingximoban</p>
+        </li>
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#icon-rizhi"></use>
+          </svg>
+          <p class="icon-text">rizhi</p>
+        </li>
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#icon-zhibiaochajian"></use>
+          </svg>
+          <p class="icon-text">zhibiaochajian</p>
+        </li>
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#icon-shujuku"></use>
+          </svg>
+          <p class="icon-text">shujuku</p>
+        </li>
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#icon-ladp"></use>
+          </svg>
+          <p class="icon-text">ladp</p>
+        </li>
       </ul>
       <h3 class="describe-title">为什么使用</h3>
       <ul class="use-describe">
diff --git a/src/pages/static/bk_icon_font/fonts/iconcool.eot b/src/pages/static/bk_icon_font/fonts/iconcool.eot
index 48ff0e9e8..99410fe6e 100644
Binary files a/src/pages/static/bk_icon_font/fonts/iconcool.eot and b/src/pages/static/bk_icon_font/fonts/iconcool.eot differ
diff --git a/src/pages/static/bk_icon_font/fonts/iconcool.svg b/src/pages/static/bk_icon_font/fonts/iconcool.svg
index d0aa00704..5db1481d6 100644
--- a/src/pages/static/bk_icon_font/fonts/iconcool.svg
+++ b/src/pages/static/bk_icon_font/fonts/iconcool.svg
@@ -29,6 +29,9 @@
       
 
       
+      <glyph glyph-name="uniE126" unicode="&#xE126;" d="M128 714.72H448A32 32 0 0 0 480 682.72V362.72A32 32 0 0 0 448 330.72H128A32 32 0 0 0 96 362.72V682.72A32 32 0 0 0 128 714.72ZM575.04 714.72H895.04A32 32 0 0 0 927.04 682.72V362.72A32 32 0 0 0 895.04 330.72H575.04A32 32 0 0 0 543.04 362.72V682.72A32 32 0 0 0 575.04 714.72ZM575.04 268.16H895.04A32 32 0 0 0 927.04 236.16V-84A32 32 0 0 0 895.04-116H575.04A32 32 0 0 0 543.04-84V236A32 32 0 0 0 575.04 268ZM128 268H448A32 32 0 0 0 480 236V-84A32 32 0 0 0 448-116H128A32 32 0 0 0 96-84V236A32 32 0 0 0 128 268Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
       <glyph glyph-name="uniE105" unicode="&#xE105;" d="M512 748C264 748 64 548 64 300S264-148 512-148 960 52 960 300 760 748 512 748ZM512-84C299.2-84 128 87.2 128 300S299.2 684 512 684 896 512.8 896 300 724.8-84 512-84ZM494.4 408.8C465.6 402.4 438.4 388 417.6 367.2 393.6 344.8 419.2 322.4 433.6 340 443.2 352.8 457.6 362.4 473.6 368.8 484.8 370.4 491.2 367.2 492.8 359.2 494.4 344.8 492.8 332 488 317.6 483.2 298.4 473.6 266.4 462.4 223.2 440 146.4 428.8 98.4 432 82.4 435.2 64.8 444.8 50.4 460.8 40.8 478.4 32.8 499.2 31.2 518.4 36 548.8 42.4 576 58.4 598.4 80.8 624 106.4 595.2 124 580.8 109.6 571.2 96.8 556.8 87.2 540.8 84 526.4 80.8 518.4 87.2 515.2 100 513.6 114.4 516.8 128.8 521.6 141.6 561.6 277.6 579.2 354.4 574.4 373.6 571.2 388 561.6 400.8 548.8 407.2 532.8 413.6 512 413.6 494.4 408.8ZM560 508M512 508A48 48 0 1 1 608 508 48 48 0 1 1 512 508Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
 
       
@@ -134,6 +137,27 @@
       <glyph glyph-name="uniE125" unicode="&#xE125;" d="M665.92 426.88C675.5477 427.145 685.1809 426.6099 694.72 425.28 669.44 546.56 541.28 636 394.56 636 230.88 636 96 523.04 96 381.44 96 298.72 141.6 231.36 215.68 180.64L185.44 89.6 289.92 141.92C324.2443 133.5737 359.2796 128.4845 394.56 126.72 404.1404 126.4283 413.7274 127.0174 423.2 128.48 417.7536 148.8393 414.9043 169.8057 414.72 190.88 413.12 322.4 524.32 426.88 665.92 426.88ZM505.92 507.84C515.8989 508.3006 525.6105 504.5379 532.6742 497.4742 539.7379 490.4105 543.5006 480.6989 543.04 470.72 543.5006 460.7411 539.7379 451.0295 532.6742 443.9658 525.6105 436.9021 515.8989 433.1394 505.92 433.6 484 433.6 460.48 448.8 460.48 470.72 463.3126 493.1591 483.2012 509.4635 505.76 507.84L505.92 507.84ZM296.64 433.6C274.72 433.6 251.2 448.8 251.2 470.72 253.7199 493.398 273.9152 509.8956 296.64 507.84 306.6189 508.3006 316.3305 504.5379 323.3942 497.4742 330.4579 490.4105 334.2206 480.6989 333.76 470.72 334.8308 460.5846 331.2654 450.5079 324.0588 443.3012 316.8521 436.0946 306.7754 432.5292 296.64 433.6L296.64 433.6ZM939.2 194.24C939.2 313.92 819.52 410.08 686.24 410.08 544.64 410.08 431.52 312.16 431.52 194.24 431.52 76.32 543.52-21.6 686.24-21.6 716.598-20.4332 746.6461-15.0483 775.52-5.6L858.24-51.2 836.32 23.04C895.36 68 939.2 128.48 939.2 194.24ZM603.2 232.96C586.4105 232.96 572.8 246.5705 572.8 263.36 572.8 280.1495 586.4105 293.76 603.2 293.76 621.732 295.3474 638.1419 281.85 640.16 263.36 639.4743 254.4424 635.2112 246.1813 628.3404 240.4556 621.4695 234.7298 612.575 232.0263 603.68 232.96L603.2 232.96ZM766.72 232.96C749.9305 232.96 736.32 246.5705 736.32 263.36 736.32 280.1495 749.9305 293.76 766.72 293.76 785.2844 295.3518 801.7415 281.874 803.84 263.36 803.1134 254.4289 798.816 246.1681 791.9199 240.4465 785.0238 234.7248 776.1118 232.0258 767.2 232.96L766.72 232.96Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
 
       
+      <glyph glyph-name="uniE128" unicode="&#xE128;" d="M512 812C794.7703 812 1024 582.7703 1024 300 1024 17.2297 794.7703-212 512-212 229.2297-212 0 17.2297 0 300 0 582.7703 229.2297 812 512 812ZM622.4677 281.808C590.0208 262.8651 552.2814 252 512.0002 252 471.7191 252 433.9785 262.8651 401.5328 281.808 309.5362 250.5154 235.1225 181.216 196.9694 92.6251 264.4277-9.6434 380.3214-77.1429 512.0002-77.1429 643.6791-77.1429 759.5728-9.6434 827.0299 92.6251 788.8768 181.216 714.4642 250.5154 622.4677 281.808ZM512 642.8571C417.3223 642.8571 340.5714 566.1063 340.5714 471.4286 340.5714 376.7509 417.3223 300 512 300 606.6777 300 683.4286 376.7509 683.4286 471.4286 683.4286 566.1063 606.6777 642.8571 512 642.8571Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+      <glyph glyph-name="uniE129" unicode="&#xE129;" d="M685.2416 39.4999C710.9087 13.3683 741.9536-2.3289 776.3711-12.1656L787.9585-15.1967C812.1102-19.6678 824.7719-42.023 825.848-64.875 825.848-91.7013 806.634-114.5533 780.2336-118.4771 755.0067-121.8052 728.6064-105.6112 723.1311-79.9279 715.4549-40.3337 698.9307-5.7074 670.379 23.304 667.1038 26.6825 669.3029 33.9353 668.179 39.4999L681.0364 40.4934C682.9919 40.4934 684.4586 40.245 685.2416 39.4999L685.2416 39.4999ZM731.9312 545.225C785.7098 487.2004 815.4351 418.5454 816.5103 338.7117 802.8733 344.9881 788.0664 348.2073 773.0959 348.1506L770.8959 348.1506C719.5635 346.0467 677.3865 306.2674 671.5029 254.408 670.4033 245.135 670.4033 235.7613 671.5029 226.4882 652.2411 206.9653 628.6271 194.6941 599.5377 189.6768L598.9514 189.6768C561.0546 181.5142 531.158 151.9294 522.1241 113.6509 513.0902 75.3725 526.5303 35.2274 556.6619 10.4875 523.6652 0.2515 489.4976-5.5768 455.0202-6.8504 410.8828-8.9953 366.6717-4.6621 323.7515 6.0155 316.5392 6.9361 309.2152 6.1718 302.3375 3.781L202.8968-45.8973C190.2342-52.6039 178.6955-53.6974 167.6953-44.8048 157.2824-36.9552 156.2062-25.2314 157.2824-11.2719 161.6824 16.5974 165.0073 44.5172 167.7449 72.436 167.2973 79.2762 164.5731 85.7583 160.02 90.817 116.6553 134.9812 79.3034 183.5175 60.627 244.9197 25.4265 366.6315 57.3031 470.956 144.1309 558.091 302.8751 716.068 580.2263 708.8151 731.9312 545.225ZM929.6898 142.7803C957.1653 139.4028 977.4545 117.097 977.4545 89.1782 977.4545 62.3519 961.5167 40.6419 935.165 35.5751 902.8979 29.6137 873.7598 15.7038 849.5108-5.6579L840.7106-14.1032C835.1857-19.6678 826.9719-24.6851 821.4479-16.3387 819.2479-11.8677 820.3718-1.2363 823.648 2.0917 849.5206 28.7257 866.6054 62.8735 872.5376 99.8086 877.6101 127.1076 902.5151 145.8332 929.6898 142.7803L929.6898 142.7803ZM724.2063 193.0058C723.1311 187.4413 725.3311 179.0959 722.0062 175.7174 694.5794 147.7986 679.7167 114.3152 672.0414 75.765 666.5165 47.8947 641.241 31.6998 614.8893 36.1708 588.4889 40.6419 568.7373 64.0906 568.7373 90.3202 568.7373 113.7689 585.7999 135.5275 608.8268 139.9985 645.999 146.1615 680.3704 163.9024 707.1923 190.7703 710.4675 194.1479 718.731 193.0058 724.2063 193.0058L724.2063 193.0058ZM773.0959 297.9755C797.2963 297.9755 819.7855 281.7806 824.7719 256.0973 831.3233 217.5966 847.8483 184.0637 874.7376 156.1934 878.0616 152.8159 875.8615 143.3275 876.9377 137.763 870.3376 137.763 862.1237 135.5275 858.8485 138.8565 831.3233 167.9183 797.2476 182.9702 759.3581 191.3166 733.9915 197.466 717.2175 221.9951 720.3925 248.2972 724.2063 276.1666 745.6681 296.8335 773.0959 297.9755L773.0959 297.9755Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+      <glyph glyph-name="uniE12A" unicode="&#xE12A;" d="M558.5455 346.5455L884.3636 346.5455 884.3636 672.3636 558.5455 672.3636 558.5455 346.5455ZM698.1818 486.1818L791.2727 486.1818 791.2727 579.2727 698.1818 579.2727 698.1818 486.1818ZM139.6364 346.5455L465.4545 346.5455 465.4545 672.3636 139.6364 672.3636 139.6364 346.5455ZM558.5455-72.3636L884.3636-72.3636 884.3636 253.4545 558.5455 253.4545 558.5455-72.3636ZM139.6364-72.3636L465.4545-72.3636 465.4545 253.4545 139.6364 253.4545 139.6364-72.3636ZM232.7273 20.7273L325.8182 20.7273 325.8182 113.8182 232.7273 113.8182 232.7273 20.7273Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+      <glyph glyph-name="uniE12B" unicode="&#xE12B;" d="M720.2909 579.2727L837.8182 579.2727C863.5245 579.2727 884.3636 558.4336 884.3636 532.7273L884.3636-25.8182C884.3636-51.5245 863.5245-72.3636 837.8182-72.3636L186.1818-72.3636C160.4755-72.3636 139.6364-51.5245 139.6364-25.8182L139.6364 532.7273C139.6364 558.4336 160.4755 579.2727 186.1818 579.2727L303.7091 579.2727C302.9411 575.5025 302.5455 571.616 302.5455 567.6364L302.5455 521.0909C302.5455 488.958 328.5943 462.9091 360.7273 462.9091 392.8602 462.9091 418.9091 488.958 418.9091 521.0909L418.9091 567.6364C418.9091 571.616 418.5135 575.5025 417.7455 579.2727L606.2545 579.2727C605.4865 575.5025 605.0909 571.616 605.0909 567.6364L605.0909 521.0909C605.0909 488.958 631.1398 462.9091 663.2727 462.9091 695.4057 462.9091 721.4545 488.958 721.4545 521.0909L721.4545 567.6364C721.4545 571.616 721.0589 575.5025 720.2909 579.2727ZM360.7273 672.3636C380.007 672.3636 395.6364 656.7343 395.6364 637.4545L395.6364 521.0909C395.6364 501.8112 380.007 486.1818 360.7273 486.1818 341.4475 486.1818 325.8182 501.8112 325.8182 521.0909L325.8182 637.4545C325.8182 656.7343 341.4475 672.3636 360.7273 672.3636ZM663.2727 672.3636C682.5525 672.3636 698.1818 656.7343 698.1818 637.4545L698.1818 521.0909C698.1818 501.8112 682.5525 486.1818 663.2727 486.1818 643.993 486.1818 628.3636 501.8112 628.3636 521.0909L628.3636 637.4545C628.3636 656.7343 643.993 672.3636 663.2727 672.3636ZM325.8182 346.5455C312.965 346.5455 302.5455 336.1259 302.5455 323.2727 302.5455 310.4196 312.965 300 325.8182 300L698.1818 300C711.035 300 721.4545 310.4196 721.4545 323.2727 721.4545 336.1259 711.035 346.5455 698.1818 346.5455L325.8182 346.5455 325.8182 346.5455ZM325.8182 160.3636C312.965 160.3636 302.5455 149.9441 302.5455 137.0909 302.5455 124.2377 312.965 113.8182 325.8182 113.8182L698.1818 113.8182C711.035 113.8182 721.4545 124.2377 721.4545 137.0909 721.4545 149.9441 711.035 160.3636 698.1818 160.3636L325.8182 160.3636Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+      <glyph glyph-name="uniE12F" unicode="&#xE12F;" d="M697.4304 718.9091L791.3064 624.3359 536.6298 370.3043 364.12 539.6587 93.0909 276.2412 93.0909 163.3042 364.12 426.8238 536.6298 257.4694 848.7423 567.9184 930.9091 464.4694 930.9091 718.9091 697.4304 718.9091ZM724.6847 323.1707L724.6847-72.3636 862.1676-72.3636 862.1676 436.2097 846.0169 454.9815 724.6847 323.1707ZM518.8641 175.2407L518.8641-72.2616 656.347-72.2616 656.347 260.9381 543.0901 146.6749 518.8641 175.2407 518.8641 175.2407ZM299.2144 240.6359L299.2144-72.2616 436.2935-72.2616 436.2935 259.6118 371.7916 316.5394 299.2144 240.6359 299.2144 240.6359ZM93.0909-72.2616L230.5738-72.2616 230.5738 177.3831 93.0909 38.6349 93.0909-72.2616Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+      <glyph glyph-name="uniE12E" unicode="&#xE12E;" d="M878.5455 617.6901C807.1182 678.0778 669.7455 718.9091 512 718.9091 354.2545 718.9091 216.8818 678.0778 145.4545 617.6901 112.0727 589.4601 93.0909 557.0569 93.0909 522.5263L93.0909 223.1243C93.0909 222.5515 93.0909 221.9787 93.1727 221.4878L93.0909 221.4878 93.0909 77.4737C93.0909-30.946 280.6182-118.9091 512-118.9091 743.3818-118.9091 930.9091-30.946 930.9091 77.4737L930.9091 221.406 930.8273 221.406C930.9091 222.8788 930.9091 224.2699 930.9091 225.7428L930.9091 522.5263C930.9091 557.0569 911.9273 589.4601 878.5455 617.6901ZM145.4545 427.3624C216.8818 366.9747 354.2545 326.1435 512 326.1435 669.7455 326.1435 807.1182 366.9747 878.5455 427.3624L878.5455 362.5561C863.9 353.1461 847.8636 344.3907 830.4364 336.2081 744.5273 295.9496 631.4545 273.7747 512 273.7747 392.5455 273.7747 279.4727 295.9496 193.5636 336.2899 176.1364 344.4725 160.1 353.2279 145.4545 362.6379L145.4545 427.3624 145.4545 427.3624ZM145.4545 279.0116C216.8818 218.6239 354.2545 177.7926 512 177.7926 669.7455 177.7926 807.1182 218.6239 878.5455 279.0116L878.5455 214.2053C863.9 204.8771 847.8636 196.0398 830.4364 187.8572 744.5273 147.5988 631.3727 125.4239 512 125.4239 392.6273 125.4239 279.4727 147.5988 193.5636 187.8572 176.1364 196.0398 160.1 204.7952 145.4545 214.2053L145.4545 279.0116 145.4545 279.0116ZM830.4364 39.5064C744.5273-0.7521 631.3727-22.927 512-22.927 392.6273-22.927 279.4727-0.7521 193.5636 39.5064 176.9545 47.2799 161.5727 55.708 147.4182 64.5452 146.1091 68.882 145.4545 73.1369 145.4545 77.3919L145.4545 130.5789C216.8818 70.1912 354.2545 29.3599 512 29.3599 669.7455 29.3599 807.1182 70.273 878.5455 130.5789L878.5455 77.3919C878.5455 73.2188 877.8909 68.882 876.5818 64.5452 862.4273 55.6261 847.0455 47.2799 830.4364 39.5064Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+      <glyph glyph-name="uniE12D" unicode="&#xE12D;" d="M381.0909 365.4048L642.9091 365.4048C657.3607 365.4048 669.0909 377.1349 669.0909 391.5865L669.0909 417.7681C669.0909 432.2197 657.3607 443.9498 642.9091 443.9498L381.0909 443.9498C366.6393 443.9498 354.9091 432.2197 354.9091 417.7681L354.9091 391.5865C354.9091 377.1349 366.6393 365.4048 381.0909 365.4048ZM354.9091 234.4965C354.9091 220.0449 366.6393 208.3148 381.0909 208.3148L642.9091 208.3148C657.3607 208.3148 669.0909 220.0449 669.0909 234.4965L669.0909 260.6781C669.0909 275.1297 657.3607 286.8598 642.9091 286.8598L381.0909 286.8598C366.6393 286.8598 354.9091 275.1297 354.9091 260.6781L354.9091 234.4965ZM512 36.3041C485.1613 36.3041 458.2287 44.5621 435.3314 61.172L93.1848 308.3494 93.1848-40.3641C93.1848-83.7187 128.3754-118.9091 171.7302-118.9091L852.3636-118.9091C895.7185-118.9091 930.9091-83.7187 930.9091-40.3641L930.9091 308.3494 588.6686 61.172C565.7713 44.5621 538.8387 36.3041 512 36.3041ZM900.7859 452.2078C886.3343 463.5626 872.5396 474.2605 852.3636 489.5566L852.3636 561.8142C852.3636 605.1688 817.173 640.3592 773.8182 640.3592L646.9443 640.3592C641.9707 643.9252 637.3724 647.3035 632.1173 651.0571 604.6217 671.1391 550.0059 719.4673 512 718.9042 474.088 719.4673 419.3783 671.1391 391.8827 651.0571 386.7214 647.3035 382.0293 643.9252 377.0557 640.3592L250.1818 640.3592C206.827 640.3592 171.6364 605.1688 171.6364 561.8142L171.6364 489.5566C151.3666 474.2605 137.6657 463.5626 123.2141 452.2078 104.2581 437.2871 93.0909 414.5775 93.0909 390.3665L93.0909 372.9121 250.1818 259.4582 250.1818 561.7204 773.8182 561.7204 773.8182 259.4582 930.9091 372.9121 930.9091 390.3665C930.8153 414.4837 919.7419 437.2871 900.7859 452.2078L900.7859 452.2078Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
 
   </font>
   </defs>
diff --git a/src/pages/static/bk_icon_font/fonts/iconcool.ttf b/src/pages/static/bk_icon_font/fonts/iconcool.ttf
index e8b451620..29f91fa40 100644
Binary files a/src/pages/static/bk_icon_font/fonts/iconcool.ttf and b/src/pages/static/bk_icon_font/fonts/iconcool.ttf differ
diff --git a/src/pages/static/bk_icon_font/fonts/iconcool.woff b/src/pages/static/bk_icon_font/fonts/iconcool.woff
index 151694e7a..66b9495d9 100644
Binary files a/src/pages/static/bk_icon_font/fonts/iconcool.woff and b/src/pages/static/bk_icon_font/fonts/iconcool.woff differ
diff --git a/src/pages/static/bk_icon_font/iconcool.js b/src/pages/static/bk_icon_font/iconcool.js
index 25eb90b87..15c748000 100644
--- a/src/pages/static/bk_icon_font/iconcool.js
+++ b/src/pages/static/bk_icon_font/iconcool.js
@@ -1,5 +1,5 @@
 !(function () {
-    var svgCode = '<svg xmlns="http://www.w3.org/2000/svg" data-name="user" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute;width:0;height:0;visibility:hidden"><symbol id="icon-info-i" viewBox="0 0 64 64"><path d="M32 4C16.5 4 4 16.5 4 32s12.5 28 28 28 28-12.5 28-28S47.5 4 32 4zm0 52C18.7 56 8 45.3 8 32S18.7 8 32 8s24 10.7 24 24-10.7 24-24 24z"/><path d="M30.9 25.2c-1.8.4-3.5 1.3-4.8 2.6-1.5 1.4.1 2.8 1 1.7.6-.8 1.5-1.4 2.5-1.8.7-.1 1.1.1 1.2.6.1.9 0 1.7-.3 2.6-.3 1.2-.9 3.2-1.6 5.9-1.4 4.8-2.1 7.8-1.9 8.8.2 1.1.8 2 1.8 2.6 1.1.5 2.4.6 3.6.3 1.9-.4 3.6-1.4 5-2.8 1.6-1.6-.2-2.7-1.1-1.8-.6.8-1.5 1.4-2.5 1.6-.9.2-1.4-.2-1.6-1-.1-.9.1-1.8.4-2.6 2.5-8.5 3.6-13.3 3.3-14.5-.2-.9-.8-1.7-1.6-2.1-1-.4-2.3-.4-3.4-.1z"/><circle cx="35" cy="19" r="3"/></g></symbol><symbol id="icon-dobble-arrow-i" viewBox="0 0 32 32"><path fill="#63656E" d="M9 11l1.5-1.5L16 15l5.5-5.5L23 11l-7 7z"/><path fill="#63656E" d="M9 17l1.5-1.5L16 21l5.5-5.5L23 17l-7 7z"/></symbol><symbol id="icon-user-logo-i" viewBox="0 0 1024 1024"><path d="M483.5 624.4c111.6 18.3 206.7-76.8 188.3-188.4-11.1-67.6-65.6-122-133.1-133.1-111.6-18.3-206.6 76.8-188.3 188.3 11.1 67.6 65.6 122.1 133.1 133.2z" class="st0"/><path d="M959.9 475.2c-18-219.5-198-395.8-417.7-409.6C281.4 49.2 64.9 255.8 64.9 513c-.1 90.6 27.4 179.1 78.8 253.7 11.2-15.2 33.5-38.9 51.9-58 16.7-17.2 21.1-42.8 11.7-64.8-17.2-40.3-26.7-84.6-26.6-131.2.4-183.4 150.5-332.5 333.9-331.7 182.9.8 331 149.3 331 332.4 0 46.6-9.6 90.9-26.9 131.1-9.4 21.8-4.5 47.2 12 64.3 18.4 19 40.7 42.7 51.9 57.9 56.3-81.7 86.2-183 77.3-291.5z" class="st0"/><path d="M657.2 687.1c-13.5-9.3-31-9.8-45.2-1.7-60.9 34.7-136.3 34.6-197.1-.5-14.2-8.2-31.8-7.7-45.3 1.5C326.5 716 246 777.8 213.7 845.7c79.4 71.8 184.7 115.6 300.2 115.6 114.9 0 219.5-43.3 298.8-114.3-31.7-68-111.9-129.9-155.5-159.9z" class="st0"/></symbol><symbol id="icon-root-node-i" viewBox="0 0 64 64"><path fill="#737987" d="M4 53c0 2.2 1.8 4 4 4h48c2.2 0 4-1.8 4-4V29H4v24zM56 15H46v-4c0-2.2-1.8-4-4-4H22c-2.2 0-4 1.8-4 4v4H8c-2.2 0-4 1.8-4 4v6h56v-6c0-2.2-1.8-4-4-4zm-34-4h20v4H22v-4z"/></symbol><symbol id="icon-duihao-i" viewBox="0 0 32 32"><path fill="#63656e" d="M22 11l1.5 1.5L14 22l-5.5-5.5L10 15l4 4z"/></symbol><symbol id="icon-unfilled-i" viewBox="0 0 36 16"><path fill="#c4c6cc" d="M34.15 0H1.85A1.85 1.85 0 000 1.85v12.3A1.85 1.85 0 001.85 16h32.3A1.85 1.85 0 0036 14.15V1.85A1.85 1.85 0 0034.15 0zM14 4.19h3.41l-.3-.78 1.41-.24c.12.33.23.67.34 1H22v1.77h-1.24v-.63h-5.52v.63H14zm7.29 2v1.09h-6.38V6.17zm-8.78 5.14a9.23 9.23 0 01-2.92-2.59v3.09H8.36v-3a11.12 11.12 0 01-2.88 2.56 13.7 13.7 0 00-.85-1.09A10 10 0 008 7.79H4.81V6.65h3.55v-1H5.29V4.48h3.07V3.22h1.23v1.26h3.15v1.14H9.59v1h3.6v1.17H10a8 8 0 003.36 2.36c-.28.37-.58.75-.88 1.16zm9.65-.5c-.12.63-.62.94-1.48.94h-1.09a1.08 1.08 0 01-1.24-1.22V9h-1a3 3 0 01-.51 1.44 5.09 5.09 0 01-2.24 1.46 13.73 13.73 0 00-.82-1.16C15.23 10.37 16 9.79 16 9h-2.11V7.93h8.27V9h-2.53v1.21c0 .26.12.4.37.4h.5q.48 0 .54-.6c0-.15 0-.37.05-.68.36.12.77.25 1.23.38-.06.45-.12.8-.19 1.1zm9.05-.15a1.67 1.67 0 01-.51 1 1.07 1.07 0 01-.63.22 1.84 1.84 0 01-1.59-1.2 10.28 10.28 0 01-1.34 1.23 7.28 7.28 0 00-.94-.93A10 10 0 0028 9.35a20.1 20.1 0 01-.44-3.63h-3v1H27q0 .13-.06 1.53a4.93 4.93 0 01-.2 1.75 1.75 1.75 0 01-.48.53 3 3 0 01-1.5.15c-.06-.5-.13-.92-.21-1.28a4.11 4.11 0 00.66.08.48.48 0 00.53-.48 9.72 9.72 0 00.06-1.2h-1.28a7.86 7.86 0 01-.86 4.09 11.05 11.05 0 00-1-.86 6.48 6.48 0 00.74-3.4v-3h4.13V3.18h1.17v1.48h1.2c-.16-.21-.41-.51-.75-.91l.92-.51c.21.23.5.58.88 1l-.67.37h1v1.11h-2.55a20.69 20.69 0 00.19 2.36 12.29 12.29 0 001-1.94l1.08.51a15.75 15.75 0 01-1.74 3c.22.57.42.86.59.86a.19.19 0 00.17-.13 3.34 3.34 0 00.15-.63 6.22 6.22 0 00.08-.88 10.29 10.29 0 001.12.53 6.22 6.22 0 01-.19 1.26z"/></symbol><symbol id="icon-todo-i" viewBox="0 0 36 16"><path fill="#c4c6cc" d="M25.58 8h.8v-.76h-1.26zM27.62 7.96h.8l.46-.71h-1.26v.71zM24.73 10.04h4.54v.64h-4.54z"/><path fill="#c4c6cc" d="M34.15 0H1.85A1.85 1.85 0 000 1.85v12.3A1.85 1.85 0 001.85 16h32.3A1.85 1.85 0 0036 14.15V1.85A1.85 1.85 0 0034.15 0zM14 4.19h3.41l-.3-.78 1.41-.24c.12.33.23.67.34 1H22v1.77h-1.24v-.63h-5.52v.63H14zm7.29 2v1.09h-6.38V6.17zM6.44 3.1l1 .76a24.29 24.29 0 01-2.1 2.44A14.09 14.09 0 004.85 5a9.78 9.78 0 001.59-1.9zm6.88 5.82h-1.09v1.62a1.37 1.37 0 01-.19.8 1 1 0 01-.53.37 9.57 9.57 0 01-1.93.11q-.13-.66-.27-1.14h1.1a1.68 1.68 0 00.4 0 .32.32 0 00.18-.15.74.74 0 00.07-.33V8.92H9c.26.26.57.59.94 1l-1 .75A11.3 11.3 0 008 9.44l.66-.52H7.4V7.85h3.66v-.62h1.17v.62h1.09zm0-1.89H7.4v-.37c-.2.3-.4.58-.61.86v4.33H5.66v-3c-.22.23-.44.45-.68.66-.11-.48-.22-.93-.35-1.36a14.43 14.43 0 002-2.48l.74.69v-.43H9.7v-.71H7.83v-1.1H9.7v-.91H11v.91h2v1.1h-2v.71h2.37zm8.79 3.78c-.12.63-.62.94-1.49.94h-1.03a1.08 1.08 0 01-1.24-1.22V9h-1a3 3 0 01-.51 1.44 5.15 5.15 0 01-2.24 1.46 13.73 13.73 0 00-.82-1.16C15.23 10.37 16 9.79 16 9h-2.11V7.93h8.27V9h-2.53v1.21c0 .26.12.4.36.4h.51q.48 0 .54-.6c0-.15 0-.37.05-.68.36.12.77.25 1.23.38-.06.45-.13.8-.19 1.1zm8.37 1.06h-1.21v-.36h-4.54v.36H23.5V9.21h7zm.84-3.11h-8.66V8h1.55q-.16-.25-.36-.51l.57-.22h-1.66v-.82h3.62V6h-3.05v-.72h3.05v-.44h-3.46v-.79h2l-.37-.51 1.16-.42q.3.45.6.93h1.56c.27-.41.47-.73.6-.95l1.19.44-.4.51h1.84v.79h-3.48v.44h3.05V6h-3.05v.45h3.63v.79h-1.7l.58.25-.35.51h1.56z"/></symbol><symbol id="icon-loading-i" viewBox="0 0 106 106"><path fill="#3a84ff" d="M53 7c3.9 0 7 3.4 7 7.6v4.9c0 4.2-3.1 7.6-7 7.6s-7-3.4-7-7.6v-4.9c0-4.2 3.1-7.6 7-7.6z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.875s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M85.497 20.443c2.757 2.758 2.545 7.354-.425 10.324l-3.464 3.465c-2.97 2.97-7.566 3.181-10.324.424-2.758-2.758-2.546-7.354.424-10.324l3.465-3.465c2.97-2.97 7.637-3.111 10.324-.424z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.75s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M99 53c0 3.9-3.4 7-7.6 7h-4.9c-4.2 0-7.6-3.1-7.6-7s3.4-7 7.6-7h4.9c4.2 0 7.6 3.1 7.6 7z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.625s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M85.497 85.497c-2.758 2.757-7.354 2.545-10.324-.425l-3.465-3.464c-2.97-2.97-3.182-7.566-.424-10.324s7.354-2.546 10.324.424l3.535 3.536c2.97 2.97 3.111 7.495.354 10.253z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.5s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M53 99c-3.9 0-7-3.4-7-7.6v-4.9c0-4.2 3.1-7.6 7-7.6s7 3.4 7 7.6v4.9c0 4.2-3.1 7.6-7 7.6z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.375s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M20.443 85.497c-2.758-2.758-2.546-7.354.424-10.324l3.465-3.465c2.97-2.97 7.566-3.182 10.324-.424 2.757 2.758 2.545 7.354-.424 10.324l-3.465 3.464c-2.97 2.97-7.566 3.182-10.324.425z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.25s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M7 53c0-3.9 3.4-7 7.6-7h4.9c4.2 0 7.6 3.1 7.6 7s-3.4 7-7.6 7h-4.9C10.4 60 7 56.9 7 53z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.125s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M20.443 20.443c2.758-2.758 7.354-2.546 10.324.424l3.465 3.465c2.97 2.97 3.181 7.566.424 10.324-2.758 2.757-7.354 2.545-10.324-.424l-3.465-3.465c-2.97-2.97-3.182-7.566-.424-10.324z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="0s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path></symbol><symbol id="icon-add-hollow" viewBox="0 0 1024 1024"><path d="M512 128c212.8 0 384 171.2 384 384S724.8 896 512 896 128 724.8 128 512s171.2-384 384-384m0-64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z"/><path d="M736 480H544V288h-64v192H288v64h192v192h64V544h192z"/></g></symbol><symbol id="icon-close-fill" viewBox="0 0 1024 1024"><path fill="#737987" d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm180.8 584L648 692.8l-136-136-136 136-44.8-44.8 136-136-136-136 44.8-44.8 136 136 136-136 44.8 44.8-136 136 136 136z"/></symbol><symbol id="icon-organization-fill" viewBox="0 0 1024 1024"><path d="M896 672h-64V512a32 32 0 00-32-32H544V352h64a32 32 0 0032-32V128a32 32 0 00-32-32H416a32 32 0 00-32 32v192a32 32 0 0032 32h64v128H224a32 32 0 00-32 32v160h-64a32 32 0 00-32 32v192a32 32 0 0032 32h192a32 32 0 0032-32V704a32 32 0 00-32-32h-64V544h512v128h-64a32 32 0 00-32 32v192a32 32 0 0032 32h192a32 32 0 0032-32V704a32 32 0 00-32-32z"/></symbol><symbol id="icon-personal-user" viewBox="0 0 1024 1024"><path d="M720 272a208 208 0 01-208 208 208 208 0 01-208-208 208 208 0 01416 0zM852.8 916.16a64 64 0 0043.2-66.88 386.88 386.88 0 00-768 0 64 64 0 0042.88 66.88C224 935.04 330.56 960 512 960s288-24.96 340.8-43.84z"/></symbol><symbol id="icon-outline-list" viewBox="0 0 1024 1024"><path d="M377.28 143.84H944c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16H377.28c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16zM163.68 129.28c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56 98.56-44.128 98.56-98.56c-.096-54.4-44.16-98.464-98.56-98.56zM377.28 426.56H944c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16H377.28c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16zM163.68 412c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56 98.56-44.128 98.56-98.56S218.112 412 163.68 412zM377.28 713.28H944c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16H377.28c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16zM163.68 698.72c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56 98.56-44.128 98.56-98.56-44.128-98.56-98.56-98.56z"/></symbol><symbol id="icon-duihao-2" viewBox="0 0 1024 1024"><path fill="#737987" d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm-64 640L272 528l48-48 128 128 256-256 48 48-304 304z"/></symbol><symbol id="icon-file-close" viewBox="0 0 1024 1024"><path fill="#7a8193" fill-rule="evenodd" d="M326.4 160H96c-19.2 0-32 12.8-32 32v640c0 19.2 12.8 32 32 32h832c19.2 0 32-12.8 32-32V288c0-19.2-12.8-32-32-32H448l-76.8-76.8c-12.8-12.8-28.8-19.2-44.8-19.2z" clip-rule="evenodd"/></symbol><symbol id="icon-info-fill" viewBox="0 0 1024 1024"><path fill="#737987" d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm48 192c27.2 0 48 20.8 48 48s-20.8 48-48 48-48-20.8-48-48 20.8-48 48-48zm38.4 475.2c-22.4 22.4-49.6 38.4-80 44.8-19.2 4.8-40 3.2-57.6-4.8-16-9.6-25.6-24-28.8-41.6-3.2-16 8-64 30.4-140.8 11.2-43.2 20.8-75.2 25.6-94.4 4.8-14.4 6.4-27.2 4.8-41.6-1.6-8-8-11.2-19.2-9.6-16 6.4-30.4 16-40 28.8-14.4 17.6-40-4.8-16-27.2 20.8-20.8 48-35.2 76.8-41.6 17.6-4.8 38.4-4.8 54.4 1.6 12.8 6.4 22.4 19.2 25.6 33.6 4.8 19.2-12.8 96-52.8 232-4.8 12.8-8 27.2-6.4 41.6 3.2 12.8 11.2 19.2 25.6 16 16-3.2 30.4-12.8 40-25.6 14.4-14.4 43.2 3.2 17.6 28.8z"/></symbol><symbol id="icon-user-directory" viewBox="0 0 1024 1024"><path fill="#737987" d="M64 832c0 35.2 28.8 64 64 64h768c35.2 0 64-28.8 64-64V448H64v384zM896 224H736v-64c0-35.2-28.8-64-64-64H352c-35.2 0-64 28.8-64 64v64H128c-35.2 0-64 28.8-64 64v96h896v-96c0-35.2-28.8-64-64-64zm-544-64h320v64H352v-64z"/></symbol><symbol id="icon-homepage" viewBox="0 0 1024 1024"><path d="M960 544c0-16-6.4-32-19.2-44.8l-406.4-408c-12.8-12.8-32-12.8-44.8 0l-406.4 408C70.4 512 64 528 64 544v1.6c0 35.2 28.8 64 62.4 64H160v305.6c0 17.6 14.4 32 32 32h256V720h128v224h256c17.6 0 32-14.4 32-32V608h32c16 0 30.4-6.4 41.6-16 14.4-11.2 22.4-28.8 22.4-48z"/></symbol><symbol id="icon-arrow-left" viewBox="0 0 1024 1024"><path fill-rule="evenodd" d="M144 512l70.4 70.4 214.4 214.4 70.4-72L336 561.6h544v-99.2H336l163.2-163.2-70.4-72-214.4 214.4z" clip-rule="evenodd"/></symbol><symbol id="icon-arrow-right" viewBox="0 0 1024 1024"><path d="M889.6 489.6l-44.8-44.8-182.4-182.4c-12.8-12.8-32-12.8-44.8 0l-44.8 44.8c-12.8 12.8-12.8 32 0 44.8l94.4 94.4H160c-17.6 0-32 14.4-32 32v64c0 17.6 14.4 32 32 32h507.2l-94.4 94.4c-12.8 12.8-12.8 32 0 44.8l44.8 44.8c12.8 12.8 32 12.8 44.8 0l180.8-180.8 44.8-44.8c12.8-11.2 12.8-30.4 1.6-43.2z"/></symbol><symbol id="icon-minus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H288v-64h448v64z"/></symbol><symbol id="icon-plus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H544v192h-64V544H288v-64h192V288h64v192h192v64z"/></symbol><symbol id="icon-warning" viewBox="0 0 1024 1024"><path fill="#ff9c01" d="M1024 512c0 282.8-229.2 512-512 512S0 794.8 0 512 229.2 0 512 0s512 229.2 512 512z" opacity=".16"/><path fill="#ff9c01" d="M787.7 512c0 152.3-123.4 275.7-275.7 275.7S236.3 664.3 236.3 512c0-152.3 123.5-275.7 275.8-275.6 152.2 0 275.6 123.4 275.6 275.6z"/></symbol><symbol id="icon-abnormal" viewBox="0 0 1024 1024"><path fill="#ffe6e6" d="M1024 512a512 512 0 01-512 512A512 512 0 010 512a512 512 0 011024 0z"/><path fill="#ea3636" d="M787.692 512A275.692 275.692 0 01512 787.692 275.692 275.692 0 01236.308 512a275.692 275.692 0 01551.384 0z"/></symbol><symbol id="icon-more" viewBox="0 0 1024 1024"><path d="M448 256c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64zm64 192c-35.2 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64-28.8-64-64-64zm0 256c-35.2 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64-28.8-64-64-64z"/></symbol><symbol id="icon-unknown" viewBox="0 0 1024 1024"><path fill="#f0f1f5" d="M1024 512a512 512 0 01-512 512A512 512 0 010 512a512 512 0 011024 0z"/><path fill="#979ba5" d="M787.692 512A275.692 275.692 0 01512 787.692 275.692 275.692 0 01236.308 512a275.692 275.692 0 01551.384 0z"/></symbol><symbol id="icon-normal" viewBox="0 0 1024 1024"><path fill="#e5f6ea" d="M1024 512a512 512 0 01-512 512A512 512 0 010 512a512 512 0 011024 0z"/><path fill="#3fc06d" d="M787.692 512A275.692 275.692 0 01512 787.692 275.692 275.692 0 01236.308 512a275.692 275.692 0 01551.384 0z"/></symbol><symbol id="icon-drag" viewBox="0 0 1024 1024"><path fill-rule="evenodd" d="M656.688 352.003c44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312m-289.376-160c-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312 44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312m288 240c-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312 44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312m-288 0c-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312 44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312m288 240c-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312 44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312m-288 0c-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312 44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312"/></symbol><symbol id="icon-lishijilu" viewBox="0 0 1205.248 1024"><path fill-rule="evenodd" d="M674.475 0c292.673 0 530.781 229.683 530.781 512s-238.108 512-530.781 512v-81.92c245.836 0 445.856-192.922 445.856-430.08S920.311 81.92 674.475 81.92c-238.66 0-433.585 181.985-444.774 409.6h152.462L191.08 704.348 0 491.52h144.224C155.434 218.665 388.914 0 674.474 0zm18.233 279.273v244.363h284.749v81.455H605.093V279.273h87.615z"/></symbol><symbol id="icon-add-2" viewBox="0 0 1024 1024"><path d="M896 448H576V128H448v320H128v128h320v320h128V576h320z"/></symbol><symbol id="icon-expand-line" viewBox="0 0 1024 1024"><path d="M496 216l-76.32 76.32 152.64 152.8H64v101.76h508.16l-152.48 152.8L496 776l279.52-280zm362.4 0v560H960V216z"/></symbol><symbol id="icon-block-shape" viewBox="0 0 1024 1024"><path d="M375.68 1024H102.4C45.867 1024 0 978.133 0 921.6V648.32c0-56.533 45.867-102.4 102.4-102.4h273.28c56.533 0 102.4 45.867 102.4 102.4V921.6c0 56.533-45.867 102.4-102.4 102.4zM375.68 478.08H102.4C45.867 478.08 0 432.213 0 375.68V102.4C0 45.867 45.867 0 102.4 0h273.28c56.533 0 102.4 45.867 102.4 102.4v273.28c0 56.533-45.867 102.4-102.4 102.4zM921.6 1024H648.32c-56.533 0-102.4-45.867-102.4-102.4V648.32c0-56.533 45.867-102.4 102.4-102.4H921.6c56.533 0 102.4 45.867 102.4 102.4V921.6c0 56.533-45.867 102.4-102.4 102.4zM921.6 478.08H648.32c-56.533 0-102.4-45.867-102.4-102.4V102.4C545.92 45.867 591.787 0 648.32 0H921.6C978.133 0 1024 45.867 1024 102.4v273.28c0 56.533-45.867 102.4-102.4 102.4z"/></symbol><symbol id="icon-win" viewBox="0 0 1024 1024"><path d="M100.8 216l337.6-46.4V496H100.8V216zm0 598.4l337.6 46.4V537.6H100.8v276.8zm374.4 51.2L924.8 928V537.6H475.2v328zm0-700.8V496h449.6V104l-449.6 60.8z"/></symbol><symbol id="icon-qw" viewBox="0 0 1024 1024"><path d="M662.59 732.12a10.72 10.72 0 000 16l1.6 1.6a142.56 142.56 0 0148 91.2c8.329 27.09 36.661 42.673 64 35.2 26.788-6.847 43.156-33.89 36.8-60.8-5.999-20.276-23.745-34.853-44.8-36.8a149.92 149.92 0 01-88-48 14.4 14.4 0 00-17.6 1.6zM872.19 653.72a51.2 51.2 0 00-16 30.4 155.84 155.84 0 01-48 84.8 10.72 10.72 0 000 16c4.868 4.841 12.732 4.841 17.6 0l1.6-1.6a147.84 147.84 0 0194.4-46.4c26.788-6.847 43.156-33.89 36.8-60.8-8.33-27.09-36.662-42.672-64-35.2a32 32 0 00-22.4 12.8zM726.59 512.92a45.76 45.76 0 000 68.8 54.08 54.08 0 0030.4 14.4 157.12 157.12 0 0188 46.4c4.868 4.841 12.732 4.841 17.6 0a10.72 10.72 0 000-16l-1.6-1.6a142.56 142.56 0 01-48-91.2c-8.33-27.09-36.662-42.672-64-35.2a77.28 77.28 0 00-22.4 14.4zM699.39 589.72a155.84 155.84 0 01-97.6 49.6 49.12 49.12 0 00-36.8 59.2 38.88 38.88 0 0014.4 22.4c20.152 19.22 51.848 19.22 72 0a51.2 51.2 0 0016-30.4 148.96 148.96 0 0149.6-84.8 12.32 12.32 0 001.6-16 20.32 20.32 0 00-19.2 0z"/><path d="M387.39 164.12a389.76 389.76 0 00-236.8 105.6 316 316 0 00-59.2 78.4c-43.355 88.94-34.768 194.443 22.4 275.2a710.56 710.56 0 0067.2 75.2l-9.6 84.8-1.6 3.2v8c2.046 15.08 15.192 26.15 30.4 25.6a49.44 49.44 0 0012.8-3.2l1.6-1.6 25.6-12.8 80-38.4a473.44 473.44 0 00115.2 14.4 481.28 481.28 0 00142.4-22.4c-22.687-6.146-37.585-27.817-35.2-51.2a348.16 348.16 0 01-147.2 12.8l-8-1.6a280.16 280.16 0 01-52.8-9.6 32.96 32.96 0 00-27.2 3.2l-1.6-1.6-65.76 35.2-3.2 3.2c-1.6 1.6-1.6 1.6-3.2 1.6s-3.2-1.6-3.2-4.8l1.6-9.6 3.2-9.6 4.8-17.6 4.8-19.2a28.16 28.16 0 00-9.6-30.4 283.68 283.68 0 01-65.6-65.6c-45.645-63.22-51.832-146.744-16-216a288 288 0 0146.4-62.4 320 320 0 01196.8-88 347.68 347.68 0 0181.6 0 307.36 307.36 0 01193.6 87.52 218.88 218.88 0 0146.4 62.4 195.52 195.52 0 0122.4 94.4v9.6c20.683-10.908 45.886-8.388 64 6.4l1.6 3.2a268 268 0 00-27.2-140.8 395.84 395.84 0 00-57.6-78.4 394.88 394.88 0 00-236.8-107.2 398.56 398.56 0 00-97.44 2.08z"/></symbol><symbol id="icon-wechat" viewBox="0 0 1024 1024"><path d="M665.92 385.12c9.628-.265 19.26.27 28.8 1.6C669.44 265.44 541.28 176 394.56 176 230.88 176 96 288.96 96 430.56c0 82.72 45.6 150.08 119.68 200.8l-30.24 91.04 104.48-52.32a561.6 561.6 0 00104.64 15.2 156.48 156.48 0 0028.64-1.76 249.92 249.92 0 01-8.48-62.4c-1.6-131.52 109.6-236 251.2-236zm-160-80.96a35.52 35.52 0 0137.12 37.12 35.52 35.52 0 01-37.12 37.12c-21.92 0-45.44-15.2-45.44-37.12 2.833-22.44 22.721-38.744 45.28-37.12h.16zM296.64 378.4c-21.92 0-45.44-15.2-45.44-37.12 2.52-22.678 22.715-39.176 45.44-37.12a35.52 35.52 0 0137.12 37.12 33.76 33.76 0 01-37.12 37.12z"/><path d="M939.2 617.76c0-119.68-119.68-215.84-252.96-215.84-141.6 0-254.72 97.92-254.72 215.84s112 215.84 254.72 215.84a327.52 327.52 0 0089.28-16l82.72 45.6-21.92-74.24C895.36 744 939.2 683.52 939.2 617.76zm-336-38.72c-16.79 0-30.4-13.61-30.4-30.4s13.61-30.4 30.4-30.4c18.532-1.587 34.942 11.91 36.96 30.4a33.12 33.12 0 01-36.48 30.4h-.48zm163.52 0c-16.79 0-30.4-13.61-30.4-30.4s13.61-30.4 30.4-30.4c18.564-1.592 35.022 11.886 37.12 30.4a33.28 33.28 0 01-36.64 30.4h-.48z"/></symbol></svg>'
+    var svgCode = '<svg xmlns="http://www.w3.org/2000/svg" data-name="user" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute;width:0;height:0;visibility:hidden"><symbol id="icon-app-store-fill" viewBox="0 0 64 64"><path fill="#727985" d="M8 6.08h20a2 2 0 012 2v20a2 2 0 01-2 2H8a2 2 0 01-2-2v-20a2 2 0 012-2zm27.94 0h20a2 2 0 012 2v20a2 2 0 01-2 2h-20a2 2 0 01-2-2v-20a2 2 0 012-2zm0 27.91h20a2 2 0 012 2V56a2 2 0 01-2 2h-20a2 2 0 01-2-2V36a2 2 0 012-2zM8 34h20a2 2 0 012 2v20a2 2 0 01-2 2H8a2 2 0 01-2-2V36a2 2 0 012-2z"/></symbol><symbol id="icon-info-i" viewBox="0 0 64 64"><path d="M32 4C16.5 4 4 16.5 4 32s12.5 28 28 28 28-12.5 28-28S47.5 4 32 4zm0 52C18.7 56 8 45.3 8 32S18.7 8 32 8s24 10.7 24 24-10.7 24-24 24z"/><path d="M30.9 25.2c-1.8.4-3.5 1.3-4.8 2.6-1.5 1.4.1 2.8 1 1.7.6-.8 1.5-1.4 2.5-1.8.7-.1 1.1.1 1.2.6.1.9 0 1.7-.3 2.6-.3 1.2-.9 3.2-1.6 5.9-1.4 4.8-2.1 7.8-1.9 8.8.2 1.1.8 2 1.8 2.6 1.1.5 2.4.6 3.6.3 1.9-.4 3.6-1.4 5-2.8 1.6-1.6-.2-2.7-1.1-1.8-.6.8-1.5 1.4-2.5 1.6-.9.2-1.4-.2-1.6-1-.1-.9.1-1.8.4-2.6 2.5-8.5 3.6-13.3 3.3-14.5-.2-.9-.8-1.7-1.6-2.1-1-.4-2.3-.4-3.4-.1z"/><circle cx="35" cy="19" r="3"/></g></symbol><symbol id="icon-dobble-arrow-i" viewBox="0 0 32 32"><path fill="#63656E" d="M9 11l1.5-1.5L16 15l5.5-5.5L23 11l-7 7z"/><path fill="#63656E" d="M9 17l1.5-1.5L16 21l5.5-5.5L23 17l-7 7z"/></symbol><symbol id="icon-user-logo-i" viewBox="0 0 1024 1024"><path d="M483.5 624.4c111.6 18.3 206.7-76.8 188.3-188.4-11.1-67.6-65.6-122-133.1-133.1-111.6-18.3-206.6 76.8-188.3 188.3 11.1 67.6 65.6 122.1 133.1 133.2z" class="st0"/><path d="M959.9 475.2c-18-219.5-198-395.8-417.7-409.6C281.4 49.2 64.9 255.8 64.9 513c-.1 90.6 27.4 179.1 78.8 253.7 11.2-15.2 33.5-38.9 51.9-58 16.7-17.2 21.1-42.8 11.7-64.8-17.2-40.3-26.7-84.6-26.6-131.2.4-183.4 150.5-332.5 333.9-331.7 182.9.8 331 149.3 331 332.4 0 46.6-9.6 90.9-26.9 131.1-9.4 21.8-4.5 47.2 12 64.3 18.4 19 40.7 42.7 51.9 57.9 56.3-81.7 86.2-183 77.3-291.5z" class="st0"/><path d="M657.2 687.1c-13.5-9.3-31-9.8-45.2-1.7-60.9 34.7-136.3 34.6-197.1-.5-14.2-8.2-31.8-7.7-45.3 1.5C326.5 716 246 777.8 213.7 845.7c79.4 71.8 184.7 115.6 300.2 115.6 114.9 0 219.5-43.3 298.8-114.3-31.7-68-111.9-129.9-155.5-159.9z" class="st0"/></symbol><symbol id="icon-root-node-i" viewBox="0 0 64 64"><path fill="#737987" d="M4 53c0 2.2 1.8 4 4 4h48c2.2 0 4-1.8 4-4V29H4v24zM56 15H46v-4c0-2.2-1.8-4-4-4H22c-2.2 0-4 1.8-4 4v4H8c-2.2 0-4 1.8-4 4v6h56v-6c0-2.2-1.8-4-4-4zm-34-4h20v4H22v-4z"/></symbol><symbol id="icon-duihao-i" viewBox="0 0 32 32"><path fill="#63656e" d="M22 11l1.5 1.5L14 22l-5.5-5.5L10 15l4 4z"/></symbol><symbol id="icon-unfilled-i" viewBox="0 0 36 16"><path fill="#c4c6cc" d="M34.15 0H1.85A1.85 1.85 0 000 1.85v12.3A1.85 1.85 0 001.85 16h32.3A1.85 1.85 0 0036 14.15V1.85A1.85 1.85 0 0034.15 0zM14 4.19h3.41l-.3-.78 1.41-.24c.12.33.23.67.34 1H22v1.77h-1.24v-.63h-5.52v.63H14zm7.29 2v1.09h-6.38V6.17zm-8.78 5.14a9.23 9.23 0 01-2.92-2.59v3.09H8.36v-3a11.12 11.12 0 01-2.88 2.56 13.7 13.7 0 00-.85-1.09A10 10 0 008 7.79H4.81V6.65h3.55v-1H5.29V4.48h3.07V3.22h1.23v1.26h3.15v1.14H9.59v1h3.6v1.17H10a8 8 0 003.36 2.36c-.28.37-.58.75-.88 1.16zm9.65-.5c-.12.63-.62.94-1.48.94h-1.09a1.08 1.08 0 01-1.24-1.22V9h-1a3 3 0 01-.51 1.44 5.09 5.09 0 01-2.24 1.46 13.73 13.73 0 00-.82-1.16C15.23 10.37 16 9.79 16 9h-2.11V7.93h8.27V9h-2.53v1.21c0 .26.12.4.37.4h.5q.48 0 .54-.6c0-.15 0-.37.05-.68.36.12.77.25 1.23.38-.06.45-.12.8-.19 1.1zm9.05-.15a1.67 1.67 0 01-.51 1 1.07 1.07 0 01-.63.22 1.84 1.84 0 01-1.59-1.2 10.28 10.28 0 01-1.34 1.23 7.28 7.28 0 00-.94-.93A10 10 0 0028 9.35a20.1 20.1 0 01-.44-3.63h-3v1H27q0 .13-.06 1.53a4.93 4.93 0 01-.2 1.75 1.75 1.75 0 01-.48.53 3 3 0 01-1.5.15c-.06-.5-.13-.92-.21-1.28a4.11 4.11 0 00.66.08.48.48 0 00.53-.48 9.72 9.72 0 00.06-1.2h-1.28a7.86 7.86 0 01-.86 4.09 11.05 11.05 0 00-1-.86 6.48 6.48 0 00.74-3.4v-3h4.13V3.18h1.17v1.48h1.2c-.16-.21-.41-.51-.75-.91l.92-.51c.21.23.5.58.88 1l-.67.37h1v1.11h-2.55a20.69 20.69 0 00.19 2.36 12.29 12.29 0 001-1.94l1.08.51a15.75 15.75 0 01-1.74 3c.22.57.42.86.59.86a.19.19 0 00.17-.13 3.34 3.34 0 00.15-.63 6.22 6.22 0 00.08-.88 10.29 10.29 0 001.12.53 6.22 6.22 0 01-.19 1.26z"/></symbol><symbol id="icon-todo-i" viewBox="0 0 36 16"><path fill="#c4c6cc" d="M25.58 8h.8v-.76h-1.26zM27.62 7.96h.8l.46-.71h-1.26v.71zM24.73 10.04h4.54v.64h-4.54z"/><path fill="#c4c6cc" d="M34.15 0H1.85A1.85 1.85 0 000 1.85v12.3A1.85 1.85 0 001.85 16h32.3A1.85 1.85 0 0036 14.15V1.85A1.85 1.85 0 0034.15 0zM14 4.19h3.41l-.3-.78 1.41-.24c.12.33.23.67.34 1H22v1.77h-1.24v-.63h-5.52v.63H14zm7.29 2v1.09h-6.38V6.17zM6.44 3.1l1 .76a24.29 24.29 0 01-2.1 2.44A14.09 14.09 0 004.85 5a9.78 9.78 0 001.59-1.9zm6.88 5.82h-1.09v1.62a1.37 1.37 0 01-.19.8 1 1 0 01-.53.37 9.57 9.57 0 01-1.93.11q-.13-.66-.27-1.14h1.1a1.68 1.68 0 00.4 0 .32.32 0 00.18-.15.74.74 0 00.07-.33V8.92H9c.26.26.57.59.94 1l-1 .75A11.3 11.3 0 008 9.44l.66-.52H7.4V7.85h3.66v-.62h1.17v.62h1.09zm0-1.89H7.4v-.37c-.2.3-.4.58-.61.86v4.33H5.66v-3c-.22.23-.44.45-.68.66-.11-.48-.22-.93-.35-1.36a14.43 14.43 0 002-2.48l.74.69v-.43H9.7v-.71H7.83v-1.1H9.7v-.91H11v.91h2v1.1h-2v.71h2.37zm8.79 3.78c-.12.63-.62.94-1.49.94h-1.03a1.08 1.08 0 01-1.24-1.22V9h-1a3 3 0 01-.51 1.44 5.15 5.15 0 01-2.24 1.46 13.73 13.73 0 00-.82-1.16C15.23 10.37 16 9.79 16 9h-2.11V7.93h8.27V9h-2.53v1.21c0 .26.12.4.36.4h.51q.48 0 .54-.6c0-.15 0-.37.05-.68.36.12.77.25 1.23.38-.06.45-.13.8-.19 1.1zm8.37 1.06h-1.21v-.36h-4.54v.36H23.5V9.21h7zm.84-3.11h-8.66V8h1.55q-.16-.25-.36-.51l.57-.22h-1.66v-.82h3.62V6h-3.05v-.72h3.05v-.44h-3.46v-.79h2l-.37-.51 1.16-.42q.3.45.6.93h1.56c.27-.41.47-.73.6-.95l1.19.44-.4.51h1.84v.79h-3.48v.44h3.05V6h-3.05v.45h3.63v.79h-1.7l.58.25-.35.51h1.56z"/></symbol><symbol id="icon-loading-i" viewBox="0 0 106 106"><path fill="#3a84ff" d="M53 7c3.9 0 7 3.4 7 7.6v4.9c0 4.2-3.1 7.6-7 7.6s-7-3.4-7-7.6v-4.9c0-4.2 3.1-7.6 7-7.6z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.875s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M85.497 20.443c2.757 2.758 2.545 7.354-.425 10.324l-3.464 3.465c-2.97 2.97-7.566 3.181-10.324.424-2.758-2.758-2.546-7.354.424-10.324l3.465-3.465c2.97-2.97 7.637-3.111 10.324-.424z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.75s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M99 53c0 3.9-3.4 7-7.6 7h-4.9c-4.2 0-7.6-3.1-7.6-7s3.4-7 7.6-7h4.9c4.2 0 7.6 3.1 7.6 7z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.625s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M85.497 85.497c-2.758 2.757-7.354 2.545-10.324-.425l-3.465-3.464c-2.97-2.97-3.182-7.566-.424-10.324s7.354-2.546 10.324.424l3.535 3.536c2.97 2.97 3.111 7.495.354 10.253z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.5s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M53 99c-3.9 0-7-3.4-7-7.6v-4.9c0-4.2 3.1-7.6 7-7.6s7 3.4 7 7.6v4.9c0 4.2-3.1 7.6-7 7.6z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.375s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M20.443 85.497c-2.758-2.758-2.546-7.354.424-10.324l3.465-3.465c2.97-2.97 7.566-3.182 10.324-.424 2.757 2.758 2.545 7.354-.424 10.324l-3.465 3.464c-2.97 2.97-7.566 3.182-10.324.425z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.25s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M7 53c0-3.9 3.4-7 7.6-7h4.9c4.2 0 7.6 3.1 7.6 7s-3.4 7-7.6 7h-4.9C10.4 60 7 56.9 7 53z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="-0.125s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path><path fill="#3a84ff" d="M20.443 20.443c2.758-2.758 7.354-2.546 10.324.424l3.465 3.465c2.97 2.97 3.181 7.566.424 10.324-2.758 2.757-7.354 2.545-10.324-.424l-3.465-3.465c-2.97-2.97-3.182-7.566-.424-10.324z"><animate fill="remove" accumulate="none" additive="replace" attributeName="opacity" begin="0s" calcMode="linear" dur="1s" keyTimes="0;1" repeatCount="indefinite" restart="always" values="1;0"/></path></symbol><symbol id="icon-add-hollow" viewBox="0 0 1024 1024"><path d="M512 128c212.8 0 384 171.2 384 384S724.8 896 512 896 128 724.8 128 512s171.2-384 384-384m0-64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z"/><path d="M736 480H544V288h-64v192H288v64h192v192h64V544h192z"/></g></symbol><symbol id="icon-close-fill" viewBox="0 0 1024 1024"><path fill="#737987" d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm180.8 584L648 692.8l-136-136-136 136-44.8-44.8 136-136-136-136 44.8-44.8 136 136 136-136 44.8 44.8-136 136 136 136z"/></symbol><symbol id="icon-organization-fill" viewBox="0 0 1024 1024"><path d="M896 672h-64V512a32 32 0 00-32-32H544V352h64a32 32 0 0032-32V128a32 32 0 00-32-32H416a32 32 0 00-32 32v192a32 32 0 0032 32h64v128H224a32 32 0 00-32 32v160h-64a32 32 0 00-32 32v192a32 32 0 0032 32h192a32 32 0 0032-32V704a32 32 0 00-32-32h-64V544h512v128h-64a32 32 0 00-32 32v192a32 32 0 0032 32h192a32 32 0 0032-32V704a32 32 0 00-32-32z"/></symbol><symbol id="icon-personal-user" viewBox="0 0 1024 1024"><path d="M720 272a208 208 0 01-208 208 208 208 0 01-208-208 208 208 0 01416 0zM852.8 916.16a64 64 0 0043.2-66.88 386.88 386.88 0 00-768 0 64 64 0 0042.88 66.88C224 935.04 330.56 960 512 960s288-24.96 340.8-43.84z"/></symbol><symbol id="icon-outline-list" viewBox="0 0 1024 1024"><path d="M377.28 143.84H944c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16H377.28c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16zM163.68 129.28c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56 98.56-44.128 98.56-98.56c-.096-54.4-44.16-98.464-98.56-98.56zM377.28 426.56H944c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16H377.28c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16zM163.68 412c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56 98.56-44.128 98.56-98.56S218.112 412 163.68 412zM377.28 713.28H944c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16H377.28c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16zM163.68 698.72c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56 98.56-44.128 98.56-98.56-44.128-98.56-98.56-98.56z"/></symbol><symbol id="icon-duihao-2" viewBox="0 0 1024 1024"><path fill="#737987" d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm-64 640L272 528l48-48 128 128 256-256 48 48-304 304z"/></symbol><symbol id="icon-file-close" viewBox="0 0 1024 1024"><path fill="#7a8193" fill-rule="evenodd" d="M326.4 160H96c-19.2 0-32 12.8-32 32v640c0 19.2 12.8 32 32 32h832c19.2 0 32-12.8 32-32V288c0-19.2-12.8-32-32-32H448l-76.8-76.8c-12.8-12.8-28.8-19.2-44.8-19.2z" clip-rule="evenodd"/></symbol><symbol id="icon-info-fill" viewBox="0 0 1024 1024"><path fill="#737987" d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm48 192c27.2 0 48 20.8 48 48s-20.8 48-48 48-48-20.8-48-48 20.8-48 48-48zm38.4 475.2c-22.4 22.4-49.6 38.4-80 44.8-19.2 4.8-40 3.2-57.6-4.8-16-9.6-25.6-24-28.8-41.6-3.2-16 8-64 30.4-140.8 11.2-43.2 20.8-75.2 25.6-94.4 4.8-14.4 6.4-27.2 4.8-41.6-1.6-8-8-11.2-19.2-9.6-16 6.4-30.4 16-40 28.8-14.4 17.6-40-4.8-16-27.2 20.8-20.8 48-35.2 76.8-41.6 17.6-4.8 38.4-4.8 54.4 1.6 12.8 6.4 22.4 19.2 25.6 33.6 4.8 19.2-12.8 96-52.8 232-4.8 12.8-8 27.2-6.4 41.6 3.2 12.8 11.2 19.2 25.6 16 16-3.2 30.4-12.8 40-25.6 14.4-14.4 43.2 3.2 17.6 28.8z"/></symbol><symbol id="icon-user-directory" viewBox="0 0 1024 1024"><path fill="#737987" d="M64 832c0 35.2 28.8 64 64 64h768c35.2 0 64-28.8 64-64V448H64v384zM896 224H736v-64c0-35.2-28.8-64-64-64H352c-35.2 0-64 28.8-64 64v64H128c-35.2 0-64 28.8-64 64v96h896v-96c0-35.2-28.8-64-64-64zm-544-64h320v64H352v-64z"/></symbol><symbol id="icon-homepage" viewBox="0 0 1024 1024"><path d="M960 544c0-16-6.4-32-19.2-44.8l-406.4-408c-12.8-12.8-32-12.8-44.8 0l-406.4 408C70.4 512 64 528 64 544v1.6c0 35.2 28.8 64 62.4 64H160v305.6c0 17.6 14.4 32 32 32h256V720h128v224h256c17.6 0 32-14.4 32-32V608h32c16 0 30.4-6.4 41.6-16 14.4-11.2 22.4-28.8 22.4-48z"/></symbol><symbol id="icon-arrow-left" viewBox="0 0 1024 1024"><path fill-rule="evenodd" d="M144 512l70.4 70.4 214.4 214.4 70.4-72L336 561.6h544v-99.2H336l163.2-163.2-70.4-72-214.4 214.4z" clip-rule="evenodd"/></symbol><symbol id="icon-arrow-right" viewBox="0 0 1024 1024"><path d="M889.6 489.6l-44.8-44.8-182.4-182.4c-12.8-12.8-32-12.8-44.8 0l-44.8 44.8c-12.8 12.8-12.8 32 0 44.8l94.4 94.4H160c-17.6 0-32 14.4-32 32v64c0 17.6 14.4 32 32 32h507.2l-94.4 94.4c-12.8 12.8-12.8 32 0 44.8l44.8 44.8c12.8 12.8 32 12.8 44.8 0l180.8-180.8 44.8-44.8c12.8-11.2 12.8-30.4 1.6-43.2z"/></symbol><symbol id="icon-minus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H288v-64h448v64z"/></symbol><symbol id="icon-plus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H544v192h-64V544H288v-64h192V288h64v192h192v64z"/></symbol><symbol id="icon-warning" viewBox="0 0 1024 1024"><path fill="#ff9c01" d="M1024 512c0 282.8-229.2 512-512 512S0 794.8 0 512 229.2 0 512 0s512 229.2 512 512z" opacity=".16"/><path fill="#ff9c01" d="M787.7 512c0 152.3-123.4 275.7-275.7 275.7S236.3 664.3 236.3 512c0-152.3 123.5-275.7 275.8-275.6 152.2 0 275.6 123.4 275.6 275.6z"/></symbol><symbol id="icon-abnormal" viewBox="0 0 1024 1024"><path fill="#ffe6e6" d="M1024 512a512 512 0 01-512 512A512 512 0 010 512a512 512 0 011024 0z"/><path fill="#ea3636" d="M787.692 512A275.692 275.692 0 01512 787.692 275.692 275.692 0 01236.308 512a275.692 275.692 0 01551.384 0z"/></symbol><symbol id="icon-more" viewBox="0 0 1024 1024"><path d="M448 256c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64zm64 192c-35.2 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64-28.8-64-64-64zm0 256c-35.2 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64-28.8-64-64-64z"/></symbol><symbol id="icon-unknown" viewBox="0 0 1024 1024"><path fill="#f0f1f5" d="M1024 512a512 512 0 01-512 512A512 512 0 010 512a512 512 0 011024 0z"/><path fill="#979ba5" d="M787.692 512A275.692 275.692 0 01512 787.692 275.692 275.692 0 01236.308 512a275.692 275.692 0 01551.384 0z"/></symbol><symbol id="icon-normal" viewBox="0 0 1024 1024"><path fill="#e5f6ea" d="M1024 512a512 512 0 01-512 512A512 512 0 010 512a512 512 0 011024 0z"/><path fill="#3fc06d" d="M787.692 512A275.692 275.692 0 01512 787.692 275.692 275.692 0 01236.308 512a275.692 275.692 0 01551.384 0z"/></symbol><symbol id="icon-drag" viewBox="0 0 1024 1024"><path fill-rule="evenodd" d="M656.688 352.003c44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312m-289.376-160c-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312 44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312m288 240c-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312 44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312m-288 0c-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312 44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312m288 240c-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312 44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312m-288 0c-43.92.368-79.312 36.096-79.312 80v.688c.384 44.176 36.512 79.68 80.688 79.312 44.176-.368 79.68-36.496 79.312-80.688-.384-44.192-36.496-79.68-80.688-79.312"/></symbol><symbol id="icon-lishijilu" viewBox="0 0 1205.248 1024"><path fill-rule="evenodd" d="M674.475 0c292.673 0 530.781 229.683 530.781 512s-238.108 512-530.781 512v-81.92c245.836 0 445.856-192.922 445.856-430.08S920.311 81.92 674.475 81.92c-238.66 0-433.585 181.985-444.774 409.6h152.462L191.08 704.348 0 491.52h144.224C155.434 218.665 388.914 0 674.474 0zm18.233 279.273v244.363h284.749v81.455H605.093V279.273h87.615z"/></symbol><symbol id="icon-add-2" viewBox="0 0 1024 1024"><path d="M896 448H576V128H448v320H128v128h320v320h128V576h320z"/></symbol><symbol id="icon-expand-line" viewBox="0 0 1024 1024"><path d="M496 216l-76.32 76.32 152.64 152.8H64v101.76h508.16l-152.48 152.8L496 776l279.52-280zm362.4 0v560H960V216z"/></symbol><symbol id="icon-block-shape" viewBox="0 0 1024 1024"><path d="M375.68 1024H102.4C45.867 1024 0 978.133 0 921.6V648.32c0-56.533 45.867-102.4 102.4-102.4h273.28c56.533 0 102.4 45.867 102.4 102.4V921.6c0 56.533-45.867 102.4-102.4 102.4zM375.68 478.08H102.4C45.867 478.08 0 432.213 0 375.68V102.4C0 45.867 45.867 0 102.4 0h273.28c56.533 0 102.4 45.867 102.4 102.4v273.28c0 56.533-45.867 102.4-102.4 102.4zM921.6 1024H648.32c-56.533 0-102.4-45.867-102.4-102.4V648.32c0-56.533 45.867-102.4 102.4-102.4H921.6c56.533 0 102.4 45.867 102.4 102.4V921.6c0 56.533-45.867 102.4-102.4 102.4zM921.6 478.08H648.32c-56.533 0-102.4-45.867-102.4-102.4V102.4C545.92 45.867 591.787 0 648.32 0H921.6C978.133 0 1024 45.867 1024 102.4v273.28c0 56.533-45.867 102.4-102.4 102.4z"/></symbol><symbol id="icon-win" viewBox="0 0 1024 1024"><path d="M100.8 216l337.6-46.4V496H100.8V216zm0 598.4l337.6 46.4V537.6H100.8v276.8zm374.4 51.2L924.8 928V537.6H475.2v328zm0-700.8V496h449.6V104l-449.6 60.8z"/></symbol><symbol id="icon-qw" viewBox="0 0 1024 1024"><path d="M662.59 732.12a10.72 10.72 0 000 16l1.6 1.6a142.56 142.56 0 0148 91.2c8.329 27.09 36.661 42.673 64 35.2 26.788-6.847 43.156-33.89 36.8-60.8-5.999-20.276-23.745-34.853-44.8-36.8a149.92 149.92 0 01-88-48 14.4 14.4 0 00-17.6 1.6zM872.19 653.72a51.2 51.2 0 00-16 30.4 155.84 155.84 0 01-48 84.8 10.72 10.72 0 000 16c4.868 4.841 12.732 4.841 17.6 0l1.6-1.6a147.84 147.84 0 0194.4-46.4c26.788-6.847 43.156-33.89 36.8-60.8-8.33-27.09-36.662-42.672-64-35.2a32 32 0 00-22.4 12.8zM726.59 512.92a45.76 45.76 0 000 68.8 54.08 54.08 0 0030.4 14.4 157.12 157.12 0 0188 46.4c4.868 4.841 12.732 4.841 17.6 0a10.72 10.72 0 000-16l-1.6-1.6a142.56 142.56 0 01-48-91.2c-8.33-27.09-36.662-42.672-64-35.2a77.28 77.28 0 00-22.4 14.4zM699.39 589.72a155.84 155.84 0 01-97.6 49.6 49.12 49.12 0 00-36.8 59.2 38.88 38.88 0 0014.4 22.4c20.152 19.22 51.848 19.22 72 0a51.2 51.2 0 0016-30.4 148.96 148.96 0 0149.6-84.8 12.32 12.32 0 001.6-16 20.32 20.32 0 00-19.2 0z"/><path d="M387.39 164.12a389.76 389.76 0 00-236.8 105.6 316 316 0 00-59.2 78.4c-43.355 88.94-34.768 194.443 22.4 275.2a710.56 710.56 0 0067.2 75.2l-9.6 84.8-1.6 3.2v8c2.046 15.08 15.192 26.15 30.4 25.6a49.44 49.44 0 0012.8-3.2l1.6-1.6 25.6-12.8 80-38.4a473.44 473.44 0 00115.2 14.4 481.28 481.28 0 00142.4-22.4c-22.687-6.146-37.585-27.817-35.2-51.2a348.16 348.16 0 01-147.2 12.8l-8-1.6a280.16 280.16 0 01-52.8-9.6 32.96 32.96 0 00-27.2 3.2l-1.6-1.6-65.76 35.2-3.2 3.2c-1.6 1.6-1.6 1.6-3.2 1.6s-3.2-1.6-3.2-4.8l1.6-9.6 3.2-9.6 4.8-17.6 4.8-19.2a28.16 28.16 0 00-9.6-30.4 283.68 283.68 0 01-65.6-65.6c-45.645-63.22-51.832-146.744-16-216a288 288 0 0146.4-62.4 320 320 0 01196.8-88 347.68 347.68 0 0181.6 0 307.36 307.36 0 01193.6 87.52 218.88 218.88 0 0146.4 62.4 195.52 195.52 0 0122.4 94.4v9.6c20.683-10.908 45.886-8.388 64 6.4l1.6 3.2a268 268 0 00-27.2-140.8 395.84 395.84 0 00-57.6-78.4 394.88 394.88 0 00-236.8-107.2 398.56 398.56 0 00-97.44 2.08z"/></symbol><symbol id="icon-wechat" viewBox="0 0 1024 1024"><path d="M665.92 385.12c9.628-.265 19.26.27 28.8 1.6C669.44 265.44 541.28 176 394.56 176 230.88 176 96 288.96 96 430.56c0 82.72 45.6 150.08 119.68 200.8l-30.24 91.04 104.48-52.32a561.6 561.6 0 00104.64 15.2 156.48 156.48 0 0028.64-1.76 249.92 249.92 0 01-8.48-62.4c-1.6-131.52 109.6-236 251.2-236zm-160-80.96a35.52 35.52 0 0137.12 37.12 35.52 35.52 0 01-37.12 37.12c-21.92 0-45.44-15.2-45.44-37.12 2.833-22.44 22.721-38.744 45.28-37.12h.16zM296.64 378.4c-21.92 0-45.44-15.2-45.44-37.12 2.52-22.678 22.715-39.176 45.44-37.12a35.52 35.52 0 0137.12 37.12 33.76 33.76 0 01-37.12 37.12z"/><path d="M939.2 617.76c0-119.68-119.68-215.84-252.96-215.84-141.6 0-254.72 97.92-254.72 215.84s112 215.84 254.72 215.84a327.52 327.52 0 0089.28-16l82.72 45.6-21.92-74.24C895.36 744 939.2 683.52 939.2 617.76zm-336-38.72c-16.79 0-30.4-13.61-30.4-30.4s13.61-30.4 30.4-30.4c18.532-1.587 34.942 11.91 36.96 30.4a33.12 33.12 0 01-36.48 30.4h-.48zm163.52 0c-16.79 0-30.4-13.61-30.4-30.4s13.61-30.4 30.4-30.4c18.564-1.592 35.022 11.886 37.12 30.4a33.28 33.28 0 01-36.64 30.4h-.48z"/></symbol><symbol id="icon-yonghu" viewBox="0 0 1024 1024"><path d="M512 0c282.77 0 512 229.23 512 512s-229.23 512-512 512S0 794.77 0 512 229.23 0 512 0zm110.468 530.192C590.02 549.135 552.28 560 512 560c-40.28 0-78.021-10.865-110.467-29.808-91.997 31.293-166.41 100.592-204.564 189.183C264.428 821.643 380.321 889.143 512 889.143c131.68 0 247.573-67.5 315.03-169.768-38.153-88.591-112.566-157.89-204.562-189.183zM512 169.142c-94.678 0-171.429 76.752-171.429 171.43C340.571 435.248 417.322 512 512 512s171.429-76.75 171.429-171.429c0-94.677-76.751-171.428-171.429-171.428z"/></symbol><symbol id="icon-qiyeweixin" viewBox="0 0 1024 1024"><path fill-rule="evenodd" d="M685.242 772.5c25.667 26.132 56.712 41.829 91.13 51.666l11.587 3.03c24.151 4.472 36.813 26.827 37.889 49.679 0 26.826-19.214 49.678-45.614 53.602-25.227 3.328-51.628-12.866-57.103-38.55-7.676-39.593-24.2-74.22-52.752-103.231-3.275-3.378-1.076-10.631-2.2-16.196l12.857-.993c1.956 0 3.423.248 4.206.993zm46.69-505.725c53.778 58.025 83.503 126.68 84.578 206.513a102.88 102.88 0 00-43.414-9.439h-2.2c-51.332 2.104-93.51 41.884-99.393 93.743-1.1 9.273-1.1 18.647 0 27.92-19.262 19.523-42.876 31.794-71.965 36.811h-.587c-37.896 8.163-67.793 37.748-76.827 76.026-9.034 38.279 4.406 78.424 34.538 103.163A391.832 391.832 0 01455.02 818.85a452.64 452.64 0 01-131.268-12.866 47.05 47.05 0 00-21.414 2.235l-99.441 49.678c-12.663 6.707-24.202 7.8-35.202-1.092-10.413-7.85-11.489-19.574-10.413-33.533 4.4-27.87 7.725-55.79 10.463-83.708-.448-6.84-3.172-13.322-7.725-18.381-43.365-44.164-80.717-92.7-99.393-154.103-35.2-121.712-3.324-226.036 83.504-313.171 158.744-157.977 436.095-150.724 587.8 12.866zM929.69 669.22c27.475 3.377 47.765 25.683 47.765 53.602 0 26.826-15.938 48.536-42.29 53.603-32.267 5.961-61.405 19.871-85.654 41.233l-8.8 8.445c-5.525 5.565-13.74 10.582-19.263 2.236-2.2-4.471-1.076-15.103 2.2-18.43 25.873-26.635 42.957-60.783 48.89-97.718 5.072-27.299 29.977-46.024 57.152-42.971zm-205.484-50.226c-1.075 5.565 1.125 13.91-2.2 17.289-27.427 27.918-42.29 61.402-49.965 99.952-5.524 27.87-30.8 44.065-57.152 39.594-26.4-4.47-46.152-27.92-46.152-54.15 0-23.448 17.063-45.206 40.09-49.678 37.172-6.162 71.543-23.903 98.365-50.771 3.276-3.378 11.539-2.236 17.014-2.236zm48.89-104.97c24.2 0 46.69 16.195 51.676 41.879 6.551 38.5 23.076 72.033 49.966 99.904 3.324 3.377 1.124 12.865 2.2 18.43-6.6 0-14.814 2.236-18.09-1.093-27.525-29.062-61.6-44.114-99.49-52.46-25.367-6.15-42.14-30.68-38.965-56.981 3.813-27.87 25.275-48.537 52.703-49.679z"/></symbol><symbol id="icon-qingximoban" viewBox="0 0 1024 1024"><path fill-rule="evenodd" d="M558.545 465.455h325.819V139.636H558.545v325.819zm139.637-139.637h93.09v-93.09h-93.09v93.09zM139.636 465.455h325.819V139.636H139.636v325.819zm418.91 418.909h325.818V558.545H558.545v325.819zm-418.91 0h325.819V558.545H139.636v325.819zm93.091-93.091h93.091v-93.091h-93.09v93.09z"/></symbol><symbol id="icon-rizhi" viewBox="0 0 1024 1024"><path fill-rule="evenodd" d="M720.29 232.727h117.528c25.707 0 46.546 20.84 46.546 46.546v558.545c0 25.707-20.84 46.546-46.546 46.546H186.182c-25.707 0-46.546-20.84-46.546-46.546V279.273c0-25.707 20.84-46.546 46.546-46.546h117.527a58.213 58.213 0 00-1.164 11.637v46.545c0 32.133 26.05 58.182 58.182 58.182 32.133 0 58.182-26.049 58.182-58.182v-46.545c0-3.98-.396-7.867-1.164-11.637h188.51a58.213 58.213 0 00-1.164 11.637v46.545c0 32.133 26.049 58.182 58.182 58.182s58.182-26.049 58.182-58.182v-46.545c0-3.98-.396-7.867-1.164-11.637zm-359.563-93.09c19.28 0 34.91 15.629 34.91 34.908V290.91c0 19.28-15.63 34.91-34.91 34.91-19.28 0-34.909-15.63-34.909-34.91V174.545c0-19.28 15.63-34.909 34.91-34.909zm302.546 0c19.28 0 34.909 15.629 34.909 34.908V290.91c0 19.28-15.63 34.91-34.91 34.91-19.279 0-34.908-15.63-34.908-34.91V174.545c0-19.28 15.629-34.909 34.909-34.909zM325.818 465.454c-12.853 0-23.273 10.42-23.273 23.272 0 12.853 10.42 23.273 23.273 23.273h372.364c12.853 0 23.273-10.42 23.273-23.273s-10.42-23.272-23.273-23.272H325.818zm0 186.181c-12.853 0-23.273 10.42-23.273 23.273s10.42 23.273 23.273 23.273h372.364c12.853 0 23.273-10.42 23.273-23.273s-10.42-23.273-23.273-23.273H325.818z"/></symbol><symbol id="icon-zhibiaochajian" viewBox="0 0 1024 1024"><path fill-rule="evenodd" d="M697.43 93.09l93.876 94.574L536.63 441.696 364.12 272.34 93.09 535.76v112.937l271.03-263.52 172.51 169.355 312.112-310.45 82.167 103.45V93.09H697.43zm27.255 395.74v395.534h137.483V375.79l-16.151-18.771-121.332 131.81zm-205.82 147.93v247.502h137.482v-333.2L543.09 665.325l-24.226-28.566zm-219.65-65.396v312.898h137.079V552.388l-64.502-56.927-72.578 75.903zM93.09 884.262h137.483V634.617L93.09 773.365v110.897z"/></symbol><symbol id="icon-shujuku" viewBox="0 0 1024 1024"><path fill-rule="evenodd" d="M878.545 194.31C807.118 133.922 669.745 93.09 512 93.09s-295.118 40.832-366.545 101.22c-33.382 28.23-52.364 60.633-52.364 95.164v299.402c0 .572 0 1.145.082 1.636h-.082v144.014C93.09 842.946 280.618 930.91 512 930.91s418.91-87.963 418.91-196.383V590.594h-.083c.082-1.473.082-2.864.082-4.337V289.474c0-34.53-18.982-66.934-52.364-95.164zm-733.09 190.328c71.427 60.387 208.8 101.219 366.545 101.219s295.118-40.832 366.545-101.22v64.807c-14.645 9.41-30.681 18.165-48.109 26.348C744.527 516.05 631.455 538.225 512 538.225c-119.455 0-232.527-22.175-318.436-62.515-17.428-8.183-33.464-16.938-48.11-26.348v-64.724zm0 148.35c71.427 60.388 208.8 101.22 366.545 101.22s295.118-40.832 366.545-101.22v64.807c-14.645 9.328-30.681 18.165-48.109 26.348C744.527 664.4 631.373 686.576 512 686.576c-119.373 0-232.527-22.175-318.436-62.433-17.428-8.183-33.464-16.938-48.11-26.348v-64.807zm684.981 239.506C744.527 812.752 631.373 834.927 512 834.927c-119.373 0-232.527-22.175-318.436-62.433-16.61-7.774-31.991-16.202-46.146-25.04-1.309-4.336-1.963-8.59-1.963-12.846v-53.187c71.427 60.388 208.8 101.22 366.545 101.22s295.118-40.914 366.545-101.22v53.187c0 4.173-.654 8.51-1.963 12.847-14.155 8.919-29.537 17.265-46.146 25.039z"/></symbol><symbol id="icon-ladp" viewBox="0 0 1024 1024"><path fill-rule="evenodd" d="M381.09 446.595h261.82c14.45 0 26.18-11.73 26.18-26.181v-26.182c0-14.452-11.73-26.182-26.18-26.182H381.09c-14.45 0-26.18 11.73-26.18 26.182v26.182c0 14.451 11.73 26.181 26.18 26.181zm-26.18 130.909c0 14.451 11.73 26.181 26.18 26.181h261.82c14.45 0 26.18-11.73 26.18-26.181v-26.182c0-14.452-11.73-26.182-26.18-26.182H381.09c-14.45 0-26.18 11.73-26.18 26.182v26.182zM512 775.696c-26.839 0-53.771-8.258-76.669-24.868L93.185 503.651v348.713c0 43.355 35.19 78.545 78.545 78.545h680.634c43.354 0 78.545-35.19 78.545-78.545V503.651L588.67 750.828c-22.898 16.61-49.83 24.868-76.669 24.868zm388.786-415.904c-14.452-11.355-28.246-22.052-48.422-37.349v-72.257c0-43.355-35.191-78.545-78.546-78.545H646.944c-4.973-3.566-9.572-6.944-14.827-10.698C604.622 140.86 550.006 92.533 512 93.096c-37.912-.563-92.622 47.765-120.117 67.847a2628.637 2628.637 0 01-14.827 10.698H250.182c-43.355 0-78.546 35.19-78.546 78.545v72.257c-20.27 15.297-33.97 25.994-48.422 37.35-18.956 14.92-30.123 37.63-30.123 61.84v17.455l157.09 113.454V250.28h523.637v302.262L930.91 439.088v-17.455c-.094-24.117-11.167-46.92-30.123-61.84z"/></symbol></svg>'
     if (document.body) {
         document.body.insertAdjacentHTML('afterbegin', svgCode)
     } else {
diff --git a/src/pages/static/bk_icon_font/iconcool.json b/src/pages/static/bk_icon_font/iconcool.json
index 4288e878a..f281fe7f6 100644
--- a/src/pages/static/bk_icon_font/iconcool.json
+++ b/src/pages/static/bk_icon_font/iconcool.json
@@ -1 +1 @@
-{"iconName":"user","icons":[{"name":"info-i","svgCode":"\n\n<svg class=\"bk-icon\" style=\"width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;\" viewBox=\"0 0 64 64\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n\n<g>\n\t<path  fill=\"#737987\" d=\"M32,4C16.5,4,4,16.5,4,32s12.5,28,28,28s28-12.5,28-28S47.5,4,32,4z M32,56C18.7,56,8,45.3,8,32\n\t\tS18.7,8,32,8s24,10.7,24,24S45.3,56,32,56z\"/>\n\t<path  fill=\"#737987\" d=\"M30.9,25.2c-1.8,0.4-3.5,1.3-4.8,2.6c-1.5,1.4,0.1,2.8,1,1.7c0.6-0.8,1.5-1.4,2.5-1.8\n\t\tc0.7-0.1,1.1,0.1,1.2,0.6c0.1,0.9,0,1.7-0.3,2.6c-0.3,1.2-0.9,3.2-1.6,5.9c-1.4,4.8-2.1,7.8-1.9,8.8c0.2,1.1,0.8,2,1.8,2.6\n\t\tc1.1,0.5,2.4,0.6,3.6,0.3c1.9-0.4,3.6-1.4,5-2.8c1.6-1.6-0.2-2.7-1.1-1.8c-0.6,0.8-1.5,1.4-2.5,1.6c-0.9,0.2-1.4-0.2-1.6-1\n\t\tc-0.1-0.9,0.1-1.8,0.4-2.6c2.5-8.5,3.6-13.3,3.3-14.5c-0.2-0.9-0.8-1.7-1.6-2.1C33.3,24.9,32,24.9,30.9,25.2z\"/>\n\t<circle  fill=\"#737987\" cx=\"35\" cy=\"19\" r=\"3\"/>\n</g>\n</svg>\n","codepoint":"\\e105"},{"name":"dobble-arrow-i","svgCode":"\n\n<svg class=\"bk-icon\" style=\"width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;\" viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n\n<path  fill=\"#63656E\" d=\"M9,11 10.5,9.5 16,15 21.5,9.5 23,11 16,18 z\"/>\n<path  fill=\"#63656E\" d=\"M9,17 10.5,15.5 16,21 21.5,15.5 23,17 16,24 z\"/>\n</svg>\n","codepoint":"\\e108"},{"name":"user-logo-i","svgCode":"<svg class=\"bk-icon\" style=\"width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M483.5 624.4c111.6 18.3 206.7-76.8 188.3-188.4-11.1-67.6-65.6-122-133.1-133.1-111.6-18.3-206.6 76.8-188.3 188.3 11.1 67.6 65.6 122.1 133.1 133.2z\" class=\"st0\"/><path d=\"M959.9 475.2c-18-219.5-198-395.8-417.7-409.6C281.4 49.2 64.9 255.8 64.9 513c-.1 90.6 27.4 179.1 78.8 253.7 11.2-15.2 33.5-38.9 51.9-58 16.7-17.2 21.1-42.8 11.7-64.8-17.2-40.3-26.7-84.6-26.6-131.2.4-183.4 150.5-332.5 333.9-331.7 182.9.8 331 149.3 331 332.4 0 46.6-9.6 90.9-26.9 131.1-9.4 21.8-4.5 47.2 12 64.3 18.4 19 40.7 42.7 51.9 57.9 56.3-81.7 86.2-183 77.3-291.5z\" class=\"st0\"/><path d=\"M657.2 687.1c-13.5-9.3-31-9.8-45.2-1.7-60.9 34.7-136.3 34.6-197.1-.5-14.2-8.2-31.8-7.7-45.3 1.5C326.5 716 246 777.8 213.7 845.7c79.4 71.8 184.7 115.6 300.2 115.6 114.9 0 219.5-43.3 298.8-114.3-31.7-68-111.9-129.9-155.5-159.9z\" class=\"st0\"/></svg>","codepoint":"\\e102"},{"name":"root-node-i","svgCode":"<svg viewBox=\"0 0 64 64\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#737987\" d=\"M4,53c0,2.2,1.8,4,4,4h48c2.2,0,4-1.8,4-4V29H4V53z\"/><path fill=\"#737987\" d=\"M56,15H46v-4c0-2.2-1.8-4-4-4H22c-2.2,0-4,1.8-4,4v4H8c-2.2,0-4,1.8-4,4v6h56v-6\tC60,16.8,58.2,15,56,15z M22,11h20v4H22V11z\"/></svg>","codepoint":"\\e103"},{"name":"duihao-i","svgCode":"<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#63656e\" d=\"M22 11L23.5 12.5 14 22 8.5 16.5 10 15 14 19z\"/></svg>","codepoint":"\\e104"},{"name":"unfilled-i","svgCode":"<svg viewBox=\"0 0 36 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#c4c6cc\" d=\"M34.15,0H1.85A1.85,1.85,0,0,0,0,1.85v12.3A1.85,1.85,0,0,0,1.85,16h32.3A1.85,1.85,0,0,0,36,14.15V1.85A1.85,1.85,0,0,0,34.15,0ZM14,4.19h3.41l-.3-.78,1.41-.24c.12.33.23.67.34,1H22V5.94H20.76V5.31H15.24v.63H14Zm7.29,2V7.28H14.91V6.17Zm-8.78,5.14A9.23,9.23,0,0,1,9.59,8.74v3.09H8.36v-3a11.12,11.12,0,0,1-2.88,2.56,13.7,13.7,0,0,0-.85-1.09A10,10,0,0,0,8,7.79H4.81V6.65H8.36v-1H5.29V4.48H8.36V3.22H9.59V4.48h3.15V5.62H9.59v1h3.6V7.79H10a8,8,0,0,0,3.36,2.36C13.08,10.52,12.78,10.9,12.48,11.31Zm9.65-.5c-.12.63-.62.94-1.48.94H19.59a1.08,1.08,0,0,1-1.24-1.22V9h-1a3,3,0,0,1-.51,1.44,5.09,5.09,0,0,1-2.24,1.46,13.73,13.73,0,0,0-.82-1.16C15.23,10.37,16,9.79,16,9H13.89V7.93h8.27V9H19.63v1.21c0,.26.12.4.37.4h.5q.48,0,.54-.6c0-.15,0-.37.05-.68.36.12.77.25,1.23.38C22.26,10.16,22.2,10.51,22.13,10.81Zm9.05-.15a1.67,1.67,0,0,1-.51,1,1.07,1.07,0,0,1-.63.22,1.84,1.84,0,0,1-1.59-1.2,10.28,10.28,0,0,1-1.34,1.23A7.28,7.28,0,0,0,26.2,11,10,10,0,0,0,28,9.35a20.1,20.1,0,0,1-.44-3.63h-3v1H27q0,.13-.06,1.53A4.93,4.93,0,0,1,26.74,10a1.75,1.75,0,0,1-.48.53,3,3,0,0,1-1.5.15c-.06-.5-.13-.92-.21-1.28a4.11,4.11,0,0,0,.66.08A.48.48,0,0,0,25.74,9a9.72,9.72,0,0,0,.06-1.2H24.52a7.86,7.86,0,0,1-.86,4.09,11.05,11.05,0,0,0-1-.86,6.48,6.48,0,0,0,.74-3.4v-3h4.13l0-1.45H28.7V4.66h1.2c-.16-.21-.41-.51-.75-.91l.92-.51c.21.23.5.58.88,1l-.67.37h1V5.72H28.73a20.69,20.69,0,0,0,.19,2.36,12.29,12.29,0,0,0,1-1.94L31,6.65a15.75,15.75,0,0,1-1.74,3c.22.57.42.86.59.86a.19.19,0,0,0,.17-.13,3.34,3.34,0,0,0,.15-.63,6.22,6.22,0,0,0,.08-.88,10.29,10.29,0,0,0,1.12.53A6.22,6.22,0,0,1,31.18,10.66Z\"/></svg>","codepoint":"\\e106"},{"name":"todo-i","svgCode":"<svg viewBox=\"0 0 36 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#c4c6cc\" d=\"M25.58,8h.8V7.24H25.12Z\"/><path fill=\"#c4c6cc\" d=\"M27.62 7.96L28.42 7.96 28.88 7.25 27.62 7.25 27.62 7.96z\"/><path fill=\"#c4c6cc\" d=\"M24.73 10.04H29.27V10.68H24.73z\"/><path fill=\"#c4c6cc\" d=\"M34.15,0H1.85A1.85,1.85,0,0,0,0,1.85v12.3A1.85,1.85,0,0,0,1.85,16h32.3A1.85,1.85,0,0,0,36,14.15V1.85A1.85,1.85,0,0,0,34.15,0ZM14,4.19h3.41l-.3-.78,1.41-.24c.12.33.23.67.34,1H22V5.94H20.76V5.31H15.24v.63H14Zm7.29,2V7.28H14.91V6.17ZM6.44,3.1l1,.76A24.29,24.29,0,0,1,5.34,6.3,14.09,14.09,0,0,0,4.85,5,9.78,9.78,0,0,0,6.44,3.1Zm6.88,5.82H12.23v1.62a1.37,1.37,0,0,1-.19.8,1,1,0,0,1-.53.37,9.57,9.57,0,0,1-1.93.11q-.13-.66-.27-1.14c.39,0,.76,0,1.1,0a1.68,1.68,0,0,0,.4,0,.32.32,0,0,0,.18-.15.74.74,0,0,0,.07-.33V8.92H9c.26.26.57.59.94,1l-1,.75A11.3,11.3,0,0,0,8,9.44l.66-.52H7.4V7.85h3.66V7.23h1.17v.62h1.09Zm0-1.89H7.4V6.66c-.2.3-.4.58-.61.86v4.33H5.66v-3c-.22.23-.44.45-.68.66-.11-.48-.22-.93-.35-1.36a14.43,14.43,0,0,0,2-2.48l.74.69V5.93H9.7V5.22H7.83V4.12H9.7V3.21H11v.91h2v1.1H11v.71h2.37Zm8.79,3.78c-.12.63-.62.94-1.49.94H19.59a1.08,1.08,0,0,1-1.24-1.22V9h-1a3,3,0,0,1-.51,1.44,5.15,5.15,0,0,1-2.24,1.46,13.73,13.73,0,0,0-.82-1.16C15.23,10.37,16,9.79,16,9H13.89V7.93h8.27V9H19.63v1.21c0,.26.12.4.36.4h.51q.48,0,.54-.6c0-.15,0-.37.05-.68.36.12.77.25,1.23.38C22.26,10.16,22.19,10.51,22.13,10.81Zm8.37,1.06H29.27v-.36H24.73v.36H23.5V9.21h7Zm.84-3.11H22.66V8h1.55q-.16-.25-.36-.51l.57-.22H22.76V6.45h3.62V6H23.33V5.28h3.05V4.84H22.92V4.05h2l-.37-.51,1.16-.42q.3.45.6.93h1.56c.27-.41.47-.73.6-.95l1.19.44-.4.51H31.1v.79H27.62v.44h3.05V6H27.62v.45h3.63v.79h-1.7l.58.25L29.78,8h1.56Z\"/></svg>","codepoint":"\\e107"},{"name":"loading-i","svgCode":"<svg viewBox=\"0 0 106 106\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#3a84ff\" d=\"M53,7L53,7c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6v-4.9C46,10.4,49.1,7,53,7z\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.875s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M54.2,4L54.2,4c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6v-4.9 C47.2,7.4,50.4,4,54.2,4z\" transform=\"rotate(45 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.75s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M53,1L53,1c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6V8.6C46,4.4,49.1,1,53,1z\" transform=\"rotate(90 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.625s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M50-0.2L50-0.2c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6V7.3C43,3.1,46.1-0.2,50-0.2 z\" transform=\"rotate(135 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.5s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M47,1L47,1c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6V8.6C40,4.4,43.1,1,47,1z\" transform=\"rotate(180 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.375s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M45.8,4L45.8,4c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6v-4.9 C38.8,7.4,41.9,4,45.8,4z\" transform=\"rotate(225 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.25s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M47,7L47,7c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6v-4.9C40,10.4,43.1,7,47,7z\" transform=\"rotate(270 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.125s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M50,8.2L50,8.2c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6v-4.9 C43,11.6,46.1,8.2,50,8.2z\" transform=\"rotate(315 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"0s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path></svg>","codepoint":"\\e109"},{"name":"add-hollow","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"#737987\"><path d=\"M512 128c212.8 0 384 171.2 384 384S724.8 896 512 896 128 724.8 128 512 299.2 128 512 128M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z\"/><path d=\"M736 480L544 480 544 288 480 288 480 480 288 480 288 544 480 544 480 736 544 736 544 544 736 544z\"/></g></svg>","codepoint":"\\e10a"},{"name":"close-fill","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#737987\" d=\"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z m180.8 584l-44.8 44.8-136-136-136 136-44.8-44.8 136-136-136-136 44.8-44.8 136 136 136-136 44.8 44.8-136 136 136 136z\"/></svg>","codepoint":"\\e10b"},{"name":"organization-fill","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M896 672H832V512a32 32 0 0 0-32-32H544V352h64a32 32 0 0 0 32-32V128a32 32 0 0 0-32-32H416a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h64v128H224a32 32 0 0 0-32 32v160H128a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32V704a32 32 0 0 0-32-32H256V544H768v128H704a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32V704A32 32 0 0 0 896 672Z\"/></svg>","codepoint":"\\e10d"},{"name":"personal-user","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M720 272A208 208 0 0 1 512 480 208 208 0 0 1 304 272 208 208 0 0 1 720 272z\"/><path d=\"M852.8 916.16A64 64 0 0 0 896 849.28a386.88 386.88 0 0 0-768 0 64 64 0 0 0 42.88 66.88C224 935.04 330.56 960 512 960S800 935.04 852.8 916.16Z\"/></svg>","codepoint":"\\e10c"},{"name":"outline-list","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M377.28 143.84h566.72c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16h-566.72c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16z\"/><path d=\"M163.68 129.28c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56c54.432 0 98.56-44.128 98.56-98.56v0c-0.096-54.4-44.16-98.464-98.56-98.56h0z\"/><path d=\"M377.28 426.56h566.72c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16h-566.72c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16z\"/><path d=\"M163.68 412c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56c54.432 0 98.56-44.128 98.56-98.56v0c0-54.432-44.128-98.56-98.56-98.56v0z\"/><path d=\"M377.28 713.28h566.72c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16h-566.72c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16z\"/><path d=\"M163.68 698.72c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56c54.432 0 98.56-44.128 98.56-98.56v0c0-54.432-44.128-98.56-98.56-98.56v0z\"/></svg>","codepoint":"\\e10e"},{"name":"duihao-2","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#737987\" d=\"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z m-64 640L272 528l48-48 128 128 256-256 48 48-304 304z\"/></svg>","codepoint":"\\e10f"},{"name":"file-close","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#7a8193\" fill-rule=\"evenodd\" d=\"M326.4 160H96C76.8 160 64 172.8 64 192v640c0 19.2 12.8 32 32 32h832c19.2 0 32-12.8 32-32V288c0-19.2-12.8-32-32-32H448l0 0-76.8-76.8C358.4 166.4 342.4 160 326.4 160z\" clip-rule=\"evenodd\"/></svg>","codepoint":"\\e110"},{"name":"info-fill","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#737987\" d=\"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zM560 256c27.2 0 48 20.8 48 48s-20.8 48-48 48-48-20.8-48-48S532.8 256 560 256zM598.4 731.2c-22.4 22.4-49.6 38.4-80 44.8-19.2 4.8-40 3.2-57.6-4.8-16-9.6-25.6-24-28.8-41.6-3.2-16 8-64 30.4-140.8 11.2-43.2 20.8-75.2 25.6-94.4 4.8-14.4 6.4-27.2 4.8-41.6-1.6-8-8-11.2-19.2-9.6-16 6.4-30.4 16-40 28.8-14.4 17.6-40-4.8-16-27.2 20.8-20.8 48-35.2 76.8-41.6 17.6-4.8 38.4-4.8 54.4 1.6 12.8 6.4 22.4 19.2 25.6 33.6 4.8 19.2-12.8 96-52.8 232-4.8 12.8-8 27.2-6.4 41.6 3.2 12.8 11.2 19.2 25.6 16 16-3.2 30.4-12.8 40-25.6C595.2 688 624 705.6 598.4 731.2z\"/></svg>","codepoint":"\\e111"},{"name":"user-directory","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#737987\" d=\"M64 832c0 35.2 28.8 64 64 64h768c35.2 0 64-28.8 64-64V448H64V832z\"/><path fill=\"#737987\" d=\"M896 224H736v-64c0-35.2-28.8-64-64-64H352c-35.2 0-64 28.8-64 64v64H128c-35.2 0-64 28.8-64 64v96h896v-96C960 252.8 931.2 224 896 224zM352 160h320v64H352V160z\"/></svg>","codepoint":"\\e113"},{"name":"homepage","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M960 544c0-16-6.4-32-19.2-44.8L534.4 91.2c-12.8-12.8-32-12.8-44.8 0L83.2 499.2C70.4 512 64 528 64 544h0v1.6c0 35.2 28.8 64 62.4 64H160v305.6c0 17.6 14.4 32 32 32h256V720h128v224h256c17.6 0 32-14.4 32-32V608h32c16 0 30.4-6.4 41.6-16h0l0 0C952 580.8 960 563.2 960 544L960 544 960 544z\"/></svg>","codepoint":"\\e114"},{"name":"arrow-left","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" d=\"M144 512L214.4 582.4 428.8 796.8 499.2 724.8 336 561.6 880 561.6 880 462.4 336 462.4 499.2 299.2 428.8 227.2 428.8 227.2 214.4 441.6Z\" clip-rule=\"evenodd\"/></svg>","codepoint":"\\e117"},{"name":"arrow-right","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M889.6 489.6l-44.8-44.8L662.4 262.4c-12.8-12.8-32-12.8-44.8 0l-44.8 44.8c-12.8 12.8-12.8 32 0 44.8l94.4 94.4H160c-17.6 0-32 14.4-32 32v64c0 17.6 14.4 32 32 32h507.2l-94.4 94.4c-12.8 12.8-12.8 32 0 44.8l44.8 44.8c12.8 12.8 32 12.8 44.8 0l180.8-180.8 44.8-44.8C900.8 521.6 900.8 502.4 889.6 489.6z\"/></svg>","codepoint":"\\e116"},{"name":"minus-fill","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z m224 480H288v-64h448v64z\"/></svg>","codepoint":"\\e119"},{"name":"plus-fill","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z m224 480H544v192h-64V544H288v-64h192V288h64v192h192v64z\"/></svg>","codepoint":"\\e118"},{"name":"warning","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#ff9c01\" d=\"M1024 512c0 282.8-229.2 512-512 512S0 794.8 0 512 229.2 0 512 0 1024 229.2 1024 512z\" opacity=\".16\"/><path fill=\"#ff9c01\" d=\"M787.7 512c0 152.3-123.4 275.7-275.7 275.7S236.3 664.3 236.3 512c0-152.3 123.5-275.7 275.8-275.6C664.3 236.4 787.7 359.8 787.7 512z\"/></svg>","codepoint":"\\e115"},{"name":"abnormal","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#ffe6e6\" d=\"M1024 512A512 512 0 0 1 512 1024 512 512 0 0 1 0 512 512 512 0 0 1 1024 512z\"/><path fill=\"#ea3636\" d=\"M787.6923076923077 512A275.69230769230774 275.69230769230774 0 0 1 512 787.6923076923077 275.69230769230774 275.69230769230774 0 0 1 236.30769230769232 512 275.69230769230774 275.69230769230774 0 0 1 787.6923076923077 512z\"/></svg>","codepoint":"\\e11b"},{"name":"more","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M448 256c0-35.199999999999996 28.8-64 64-64s64 28.8 64 64c0 35.199999999999996-28.8 64-64 64s-64-28.8-64-64zM512 448c-35.199999999999996 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.199999999999996-28.8-64-64-64zM512 704c-35.199999999999996 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.199999999999996-28.8-64-64-64z\"/></svg>","codepoint":"\\e11c"},{"name":"unknown","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#f0f1f5\" d=\"M1024 512A512 512 0 0 1 512 1024 512 512 0 0 1 0 512 512 512 0 0 1 1024 512z\"/><path fill=\"#979ba5\" d=\"M787.6923076923077 512A275.69230769230774 275.69230769230774 0 0 1 512 787.6923076923077 275.69230769230774 275.69230769230774 0 0 1 236.30769230769232 512 275.69230769230774 275.69230769230774 0 0 1 787.6923076923077 512z\"/></svg>","codepoint":"\\e11a"},{"name":"normal","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#e5f6ea\" d=\"M1024 512A512 512 0 0 1 512 1024 512 512 0 0 1 0 512 512 512 0 0 1 1024 512z\"/><path fill=\"#3fc06d\" d=\"M787.6923076923077 512A275.69230769230774 275.69230769230774 0 0 1 512 787.6923076923077 275.69230769230774 275.69230769230774 0 0 1 236.30769230769232 512 275.69230769230774 275.69230769230774 0 0 1 787.6923076923077 512z\"/></svg>","codepoint":"\\e11d"},{"name":"drag","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" d=\"M656.688 352.00283648000004C700.864 351.63483648 736.3679999999999 315.50683648 736 271.31483648 735.616 227.12283648 699.504 191.6348363424 655.312 192.0028363439136 611.392 192.3708363424 576 228.09883648 576 272.00283648L576 272.69083648000003C576.384 316.86683648 612.512 352.37083648 656.688 352.00283648000004M367.312 192.0028363439136C323.392 192.3708363424 288.0000000000008 228.09883648 288.0000000000008 272.00283648L288.0000000000008 272.69083648000003C288.384 316.86683648 324.512 352.37083648 368.688 352.00283648000004 412.86400000000003 351.63483648 448.368 315.50683648 448 271.31483648 447.616 227.12283648 411.504 191.6348363424 367.312 192.0028363439136M655.312 432.00283648000004C611.392 432.37083648 576 468.09883648 576 512.0028351999999L576 512.6908352C576.384 556.8668352 612.512 592.3708352 656.688 592.0028351999999 700.864 591.6348352 736.3679999999999 555.5068352000001 736 511.31483648 735.616 467.12283648 699.504 431.63483648 655.312 432.00283648000004M367.312 432.00283648000004C323.392 432.37083648 288.0000000000008 468.09883648 288.0000000000008 512.0028351999999L288.0000000000008 512.6908352C288.384 556.8668352 324.512 592.3708352 368.688 592.0028351999999 412.86400000000003 591.6348352 448.368 555.5068352000001 448 511.31483648 447.616 467.12283648 411.504 431.63483648 367.312 432.00283648000004M655.312 672.0028351999999C611.392 672.3708352 576 708.0988352 576 752.0028352L576 752.6908352C576.384 796.8668352 612.512 832.3708352 656.688 832.0028352 700.864 831.6348352 736.3679999999999 795.5068352 736 751.3148352 735.616 707.1228352 699.504 671.6348352 655.312 672.0028351999999M367.312 672.0028351999999C323.392 672.3708352 288.0000000000008 708.0988352 288.0000000000008 752.0028352L288.0000000000008 752.6908352C288.384 796.8668352 324.512 832.3708352 368.688 832.0028352 412.86400000000003 831.6348352 448.368 795.5068352 448 751.3148352 447.616 707.1228352 411.504 671.6348352 367.312 672.0028351999999\"/></svg>","codepoint":"\\e11e"},{"name":"lishijilu","svgCode":"<svg viewBox=\"0 0 1205.248 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path  fill-rule=\"evenodd\" d=\"M674.4746682181818-1.2402200482909091e-12C967.1475851636364-1.2402200482909091e-12 1205.2561640727274 229.6832 1205.2561640727274 512 1205.2561640727274 794.3168000000001 967.1475851636364 1024 674.4746682181818 1024L674.4746682181818 942.0799999999999C920.3114263272728 942.0799999999999 1120.3311243636365 749.1583999999999 1120.3311243636365 512 1120.3311243636365 274.84159999999997 920.3114263272728 81.92 674.4746682181818 81.92 435.81407325090913 81.92 240.8898755490909 263.90528 229.70100177454543 491.52000000000004L382.1626796218182 491.52000000000004 191.0813398109091 704.34816-6.61450691490909e-13 491.52000000000004 144.2239488 491.52000000000004C155.43405428363636 218.66495999999998 388.9142202181818-1.2402200482909091e-12 674.4746682181818-1.2402200482909091e-12ZM692.7080075636364 279.27272727272725L692.7080075636364 523.6363636363636 977.4566679272727 523.6363636363636 977.4566679272727 605.0909090909091 605.0930315636364 605.0909090909091 605.0930315636364 279.27272727272725 692.7080075636364 279.27272727272725Z\"/></svg>","codepoint":"\\e11f"},{"name":"add-2","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M896 448L576 448 576 128 448 128 448 448 128 448 128 576 448 576 448 896 576 896 576 576 896 576Z\"/></svg>","codepoint":"\\e120"},{"name":"expand-line","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M496 216l-76.32 76.32 152.64 152.8H64v101.76H572.16l-152.48 152.8L496 776 775.52 496Zm362.4 0v560H960v-560Z\"/></svg>","codepoint":"\\e121"},{"name":"block-shape","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M375.67999999999995 1024h-273.28c-56.53333333333333 0-102.39999999999999-45.86666666666666-102.39999999999999-102.39999999999999v0-273.28c0-56.53333333333333 45.86666666666666-102.39999999999999 102.39999999999999-102.39999999999999v0h273.28c56.53333333333333 0 102.39999999999999 45.86666666666666 102.39999999999999 102.39999999999999v0 273.28c0 56.53333333333333-45.86666666666666 102.39999999999999-102.39999999999999 102.39999999999999v0z\"/><path d=\"M375.67999999999995 478.08h-273.28c-56.53333333333333 0-102.39999999999999-45.86666666666666-102.39999999999999-102.39999999999999v0-273.28c0-56.53333333333333 45.86666666666666-102.39999999999999 102.39999999999999-102.39999999999999v0h273.28c56.53333333333333 0 102.39999999999999 45.86666666666666 102.39999999999999 102.39999999999999v0 273.28c0 56.53333333333333-45.86666666666666 102.39999999999999-102.39999999999999 102.39999999999999v0z\"/><path d=\"M921.6 1024h-273.28c-56.53333333333333 0-102.39999999999999-45.86666666666666-102.39999999999999-102.39999999999999v0-273.28c0-56.53333333333333 45.86666666666666-102.39999999999999 102.39999999999999-102.39999999999999v0h273.28c56.53333333333333 0 102.39999999999999 45.86666666666666 102.39999999999999 102.39999999999999v0 273.28c0 56.53333333333333-45.86666666666666 102.39999999999999-102.39999999999999 102.39999999999999v0z\"/><path d=\"M921.6 478.08h-273.28c-56.53333333333333 0-102.39999999999999-45.86666666666666-102.39999999999999-102.39999999999999v0-273.28c0-56.53333333333333 45.86666666666666-102.39999999999999 102.39999999999999-102.39999999999999h273.28c56.53333333333333 0 102.39999999999999 45.86666666666666 102.39999999999999 102.39999999999999v0 273.28c0 56.53333333333333-45.86666666666666 102.39999999999999-102.39999999999999 102.39999999999999v0z\"/></svg>","codepoint":"\\e123"},{"name":"win","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M100.8 216l337.6-46.4v326.4h-337.6v-280zM100.8 814.4l337.6 46.4v-323.2h-337.6v276.8zM475.2 865.6l449.6 62.4v-390.4h-449.6v328zM475.2 164.8v331.2h449.6v-392c0 0-449.6 60.8-449.6 60.8z\"/></svg>","codepoint":"\\e122"},{"name":"qw","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><g ><path  d=\"M662.5897392 732.1204368C660.3094208 734.1544 659.0054528 737.0648096 659.0054528 740.1204368 659.0054528 743.1760656 660.3094208 746.0864752 662.5897392 748.1204368L664.1897392 749.7204368C691.0028672 773.0709808 708.1225376 805.5983536 712.1897392 840.9204368 720.5186928 868.0101712 748.8514272 883.593176 776.1897392 876.1204368 802.9783888 869.272512 819.346272 842.2299216 812.9897392 815.3204368 806.9912064 795.0437312 789.2453552 780.4667808 768.1897392 778.5204368 734.2178688 773.091288 703.1467888 756.1434272 680.1897392 730.5204368 674.6470848 726.9678384 667.4008976 727.6265824 662.5897392 732.1204368L662.5897392 732.1204368Z\"/><path  d=\"M872.1897392 653.7204368C863.514552 661.7087392 857.8629088 672.4468624 856.1897392 684.1204368 849.6654384 716.7912048 832.8427856 746.511224 808.1897392 768.9204368 805.9094208 770.9544 804.6054528 773.8648096 804.6054528 776.9204368 804.6054528 779.9760656 805.9094208 782.8864752 808.1897392 784.9204368 813.0577792 789.7613488 820.9216992 789.7613488 825.7897392 784.9204368L827.3897392 783.3204368C852.1041024 756.8040944 885.6988448 740.291424 921.7897392 736.9204368 948.5783888 730.072512 964.946272 703.0299216 958.5897392 676.1204368 950.2607856 649.030704 921.9280512 633.4476992 894.5897392 640.9204368 885.6577296 641.8548096 877.5294496 646.4995408 872.1897392 653.7204368L872.1897392 653.7204368Z\"/><path  d=\"M726.5897392 512.9204368C716.6851552 521.6089584 711.0061808 534.1450368 711.0061808 547.3204368 711.0061808 560.4958384 716.6851552 573.0319168 726.5897392 581.7204368 734.9346528 589.6300192 745.5832848 594.6741072 756.9897392 596.1204368 790.5745264 601.6472288 821.456464 617.9304336 844.9897392 642.5204368 849.8577792 647.3613488 857.7216992 647.3613488 862.5897392 642.5204368 864.8700576 640.4864752 866.1740256 637.5760656 866.1740256 634.5204368 866.1740256 631.4648096 864.8700576 628.5544 862.5897392 626.5204368L860.9897392 624.9204368C834.1766112 601.5698944 817.0569408 569.0425216 812.9897392 533.7204368 804.6607856 506.630704 776.3280512 491.0476992 748.9897392 498.5204368 740.7460944 501.9881472 733.1669296 506.8604656 726.5897392 512.9204368L726.5897392 512.9204368Z\"/><path  d=\"M699.3897392 589.7204368L699.3897392 589.7204368C673.9256448 617.513352 639.2510176 635.1348848 601.7897392 639.3204368 589.0356368 642.2499856 577.9777584 650.1477136 571.0690912 661.261656 564.160424 672.3755984 561.9721648 685.7868736 564.9897392 698.5204368 567.003384 707.4493584 572.1026672 715.3815776 579.3897392 720.9204368 599.5415984 740.1407808 631.23788 740.1407808 651.3897392 720.9204368 660.0649264 712.9321344 665.7165696 702.1940128 667.3897392 690.5204368 673.8581408 657.4582352 691.3428464 627.5650304 716.9897392 605.7204368 721.409792 601.5182896 722.0901584 594.714632 718.5897392 589.7204368 712.59332 586.5061472 705.3861584 586.5061472 699.3897392 589.7204368L699.3897392 589.7204368Z\"/><path  d=\"M387.3897392 164.1204368C298.7182832 171.2653616 215.1590432 208.528264 150.5897392 269.7204368 126.88996512 292.6077888 106.91530096 319.0607216 91.3897392 348.1204368 48.03504832 437.0602416 56.62245392 542.5626544 113.7897392 623.3204368 134.38034672 649.9471024 156.83689376 675.077048 180.9897392 698.5204368L171.3897392 783.3204368 169.7897392 786.5204368 169.7897392 794.5204368C171.836192 809.5994 184.9824672 820.6699472 200.1897392 820.1204368 204.5802128 819.6304368 208.8852032 818.5541888 212.9897392 816.9204368L212.9897392 816.9204368 214.5897392 815.3204368 240.1897392 802.5204368 320.1897392 764.1204368C357.8535728 773.628296 396.5443984 778.4646496 435.3897392 778.5204368 483.7117744 778.2449328 531.7167728 770.693584 577.7897392 756.1204368 555.1033104 749.9739168 540.2048768 728.3034688 542.5897392 704.9204368 495.0039872 719.6695696 444.8070752 724.0345184 395.3897392 717.7204368L387.3897392 716.1204368C369.523096 714.6173648 351.842 711.4026192 334.5897392 706.5204368 325.488104 703.5914048 315.5630912 704.7590528 307.3897392 709.7204368L305.7897392 708.1204368 240.0297392 743.3204368 236.8297392 746.5204368C235.2297392 748.1204368 235.2297392 748.1204368 233.6297392 748.1204368 232.0297392 748.1204368 230.4297392 746.5204368 230.4297392 743.3204368L232.0297392 733.7204368 235.2297392 724.1204368 240.0297392 706.5204368 244.8297392 687.3204368C248.2259216 676.1768864 244.4098112 664.0925392 235.2297392 656.9204368 209.9114512 638.8016976 187.74848 616.6387264 169.6297392 591.3204368 123.98528672 528.1005024 117.79825888 444.5756272 153.6297392 375.3204368 166.2043488 352.518464 181.8132576 331.5271728 200.0297392 312.9204368 253.4771584 261.7080832 323.0261296 230.6089488 396.8297392 224.9204368 423.9354464 221.717472 451.324032 221.717472 478.4297392 224.9204368 551.3149776 230.152688 619.9518016 261.1810704 672.0297392 312.4404368 691.0968176 330.3043056 706.8114256 351.437744 718.4297392 374.8404368 733.7090336 403.925352 741.4128784 436.3915552 740.8297392 469.2404368L740.8297392 478.8404368C761.5133856 467.9320224 786.715752 470.4522592 804.8297392 485.2404368L806.4297392 488.4404368C810.3212192 439.9076832 800.9178992 391.2316704 779.2297392 347.6404368 763.3263552 319.2381664 743.9802864 292.906016 721.6297392 269.2404368 657.0563216 207.8071808 573.5991248 170.0258832 484.8297392 162.0404368 452.3869536 158.74494416 419.6623424 159.44349904 387.3897392 164.1204368Z\"/></g></svg>","codepoint":"\\e124"},{"name":"wechat","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><g ><path d=\"M665.92 385.12C675.5477424 384.85496639999997 685.1808624 385.3901392 694.72 386.72 669.44 265.44 541.28 176 394.56 176 230.88 176 96.00000000000006 288.96 96.00000000000006 430.56 96.00000000000006 513.28 141.6 580.64 215.68 631.36L185.44 722.4 289.91999999999996 670.0799999999999C324.2443376 678.4263072 359.2795856 683.5155248 394.56 685.28 404.1404208 685.5717136000001 413.727384 684.9825711999999 423.2 683.52 417.7536192 663.1607488 414.9043392 642.1943488 414.72 621.12 413.12 489.6 524.3199999999999 385.12 665.92 385.12ZM505.92 304.15999999999997C515.8989232 303.69939583999997 525.6105344 307.46211231999996 532.6742112 314.52578928 539.737888 321.58946607999997 543.5006048 331.30107696 543.04 341.28 543.5006048 351.2589232 539.737888 360.9705344 532.6742112 368.03421119999996 525.6105344 375.097888 515.8989232 378.86060480000003 505.92 378.4 484 378.4 460.48 363.2 460.48 341.28 463.3125728 318.84088928 483.20116 302.53646432 505.76 304.15999999999997L505.92 304.15999999999997ZM296.64 378.4C274.72 378.4 251.2 363.2 251.2 341.28 253.7199272 318.6019536 273.9151568 302.10444208 296.64 304.15999999999997 306.61892320000004 303.69939583999997 316.33053440000003 307.46211231999996 323.3942112 314.52578928 330.457888 321.58946607999997 334.2206048 331.30107696 333.76 341.28 334.8307536 351.4154 331.2654496 361.492064 324.05875679999997 368.6987568 316.85206400000004 375.9054496 306.7754 379.47075359999997 296.64 378.4L296.64 378.4Z\"/><path d=\"M939.2 617.76C939.2 498.08 819.52 401.91999999999996 686.24 401.91999999999996 544.64 401.91999999999996 431.52 499.84 431.52 617.76 431.52 735.68 543.52 833.6 686.24 833.6 716.5980368 832.4332448 746.6461072 827.0482848 775.52 817.6L858.24 863.2 836.32 788.96C895.36 744 939.2 683.52 939.2 617.76ZM603.2 579.04C586.4105440000001 579.04 572.8 565.4294560000001 572.8 548.64 572.8 531.850544 586.4105440000001 518.24 603.2 518.24 621.7319824 516.6526352000001 638.141896 530.1499664 640.16 548.64 639.4743472 557.5575504000001 635.2112464 565.8187232 628.3403744 571.5444496 621.4695024 577.270176 612.5750032 579.9736704 603.6800000000001 579.04L603.2 579.04ZM766.72 579.04C749.930544 579.04 736.32 565.4294560000001 736.32 548.64 736.32 531.850544 749.930544 518.24 766.72 518.24 785.2844032 516.6481871999999 801.7415472 530.1260208 803.84 548.64 803.1133904 557.5711296 798.8159568 565.8318992 791.9198784 571.5535376 785.0237984 577.275176 776.1118096 579.9741888 767.2 579.04L766.72 579.04Z\"/></g></svg>","codepoint":"\\e125"}]}
\ No newline at end of file
+{"iconName":"user","icons":[{"name":"app-store-fill","svgCode":"<svg class=\"bk-icon\" style=\"width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;\" viewBox=\"0 0 64 64\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><g><g><g><g><g><g><g><path  fill=\"#727985\" d=\"M8,6.08H28a2,2,0,0,1,2,2v20a2,2,0,0,1-2,2H8a2,2,0,0,1-2-2v-20A2,2,0,0,1,8,6.08Zm27.94,0h20a2,2,0,0,1,2,2v20a2,2,0,0,1-2,2h-20a2,2,0,0,1-2-2v-20A2,2,0,0,1,35.94,6.08Zm0,27.91h20a2,2,0,0,1,2,2V56a2,2,0,0,1-2,2h-20a2,2,0,0,1-2-2V36A2,2,0,0,1,35.94,34ZM8,34H28a2,2,0,0,1,2,2V56a2,2,0,0,1-2,2H8a2,2,0,0,1-2-2V36A2,2,0,0,1,8,34Z\"/></g></g></g></g></g></g></g></svg>","codepoint":"\\e126"},{"name":"info-i","svgCode":"\n\n<svg class=\"bk-icon\" style=\"width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;\" viewBox=\"0 0 64 64\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n\n<g>\n\t<path  fill=\"#737987\" d=\"M32,4C16.5,4,4,16.5,4,32s12.5,28,28,28s28-12.5,28-28S47.5,4,32,4z M32,56C18.7,56,8,45.3,8,32\n\t\tS18.7,8,32,8s24,10.7,24,24S45.3,56,32,56z\"/>\n\t<path  fill=\"#737987\" d=\"M30.9,25.2c-1.8,0.4-3.5,1.3-4.8,2.6c-1.5,1.4,0.1,2.8,1,1.7c0.6-0.8,1.5-1.4,2.5-1.8\n\t\tc0.7-0.1,1.1,0.1,1.2,0.6c0.1,0.9,0,1.7-0.3,2.6c-0.3,1.2-0.9,3.2-1.6,5.9c-1.4,4.8-2.1,7.8-1.9,8.8c0.2,1.1,0.8,2,1.8,2.6\n\t\tc1.1,0.5,2.4,0.6,3.6,0.3c1.9-0.4,3.6-1.4,5-2.8c1.6-1.6-0.2-2.7-1.1-1.8c-0.6,0.8-1.5,1.4-2.5,1.6c-0.9,0.2-1.4-0.2-1.6-1\n\t\tc-0.1-0.9,0.1-1.8,0.4-2.6c2.5-8.5,3.6-13.3,3.3-14.5c-0.2-0.9-0.8-1.7-1.6-2.1C33.3,24.9,32,24.9,30.9,25.2z\"/>\n\t<circle  fill=\"#737987\" cx=\"35\" cy=\"19\" r=\"3\"/>\n</g>\n</svg>\n","codepoint":"\\e105"},{"name":"dobble-arrow-i","svgCode":"\n\n<svg class=\"bk-icon\" style=\"width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;\" viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n\n<path  fill=\"#63656E\" d=\"M9,11 10.5,9.5 16,15 21.5,9.5 23,11 16,18 z\"/>\n<path  fill=\"#63656E\" d=\"M9,17 10.5,15.5 16,21 21.5,15.5 23,17 16,24 z\"/>\n</svg>\n","codepoint":"\\e108"},{"name":"user-logo-i","svgCode":"<svg class=\"bk-icon\" style=\"width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M483.5 624.4c111.6 18.3 206.7-76.8 188.3-188.4-11.1-67.6-65.6-122-133.1-133.1-111.6-18.3-206.6 76.8-188.3 188.3 11.1 67.6 65.6 122.1 133.1 133.2z\" class=\"st0\"/><path d=\"M959.9 475.2c-18-219.5-198-395.8-417.7-409.6C281.4 49.2 64.9 255.8 64.9 513c-.1 90.6 27.4 179.1 78.8 253.7 11.2-15.2 33.5-38.9 51.9-58 16.7-17.2 21.1-42.8 11.7-64.8-17.2-40.3-26.7-84.6-26.6-131.2.4-183.4 150.5-332.5 333.9-331.7 182.9.8 331 149.3 331 332.4 0 46.6-9.6 90.9-26.9 131.1-9.4 21.8-4.5 47.2 12 64.3 18.4 19 40.7 42.7 51.9 57.9 56.3-81.7 86.2-183 77.3-291.5z\" class=\"st0\"/><path d=\"M657.2 687.1c-13.5-9.3-31-9.8-45.2-1.7-60.9 34.7-136.3 34.6-197.1-.5-14.2-8.2-31.8-7.7-45.3 1.5C326.5 716 246 777.8 213.7 845.7c79.4 71.8 184.7 115.6 300.2 115.6 114.9 0 219.5-43.3 298.8-114.3-31.7-68-111.9-129.9-155.5-159.9z\" class=\"st0\"/></svg>","codepoint":"\\e102"},{"name":"root-node-i","svgCode":"<svg viewBox=\"0 0 64 64\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#737987\" d=\"M4,53c0,2.2,1.8,4,4,4h48c2.2,0,4-1.8,4-4V29H4V53z\"/><path fill=\"#737987\" d=\"M56,15H46v-4c0-2.2-1.8-4-4-4H22c-2.2,0-4,1.8-4,4v4H8c-2.2,0-4,1.8-4,4v6h56v-6\tC60,16.8,58.2,15,56,15z M22,11h20v4H22V11z\"/></svg>","codepoint":"\\e103"},{"name":"duihao-i","svgCode":"<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#63656e\" d=\"M22 11L23.5 12.5 14 22 8.5 16.5 10 15 14 19z\"/></svg>","codepoint":"\\e104"},{"name":"unfilled-i","svgCode":"<svg viewBox=\"0 0 36 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#c4c6cc\" d=\"M34.15,0H1.85A1.85,1.85,0,0,0,0,1.85v12.3A1.85,1.85,0,0,0,1.85,16h32.3A1.85,1.85,0,0,0,36,14.15V1.85A1.85,1.85,0,0,0,34.15,0ZM14,4.19h3.41l-.3-.78,1.41-.24c.12.33.23.67.34,1H22V5.94H20.76V5.31H15.24v.63H14Zm7.29,2V7.28H14.91V6.17Zm-8.78,5.14A9.23,9.23,0,0,1,9.59,8.74v3.09H8.36v-3a11.12,11.12,0,0,1-2.88,2.56,13.7,13.7,0,0,0-.85-1.09A10,10,0,0,0,8,7.79H4.81V6.65H8.36v-1H5.29V4.48H8.36V3.22H9.59V4.48h3.15V5.62H9.59v1h3.6V7.79H10a8,8,0,0,0,3.36,2.36C13.08,10.52,12.78,10.9,12.48,11.31Zm9.65-.5c-.12.63-.62.94-1.48.94H19.59a1.08,1.08,0,0,1-1.24-1.22V9h-1a3,3,0,0,1-.51,1.44,5.09,5.09,0,0,1-2.24,1.46,13.73,13.73,0,0,0-.82-1.16C15.23,10.37,16,9.79,16,9H13.89V7.93h8.27V9H19.63v1.21c0,.26.12.4.37.4h.5q.48,0,.54-.6c0-.15,0-.37.05-.68.36.12.77.25,1.23.38C22.26,10.16,22.2,10.51,22.13,10.81Zm9.05-.15a1.67,1.67,0,0,1-.51,1,1.07,1.07,0,0,1-.63.22,1.84,1.84,0,0,1-1.59-1.2,10.28,10.28,0,0,1-1.34,1.23A7.28,7.28,0,0,0,26.2,11,10,10,0,0,0,28,9.35a20.1,20.1,0,0,1-.44-3.63h-3v1H27q0,.13-.06,1.53A4.93,4.93,0,0,1,26.74,10a1.75,1.75,0,0,1-.48.53,3,3,0,0,1-1.5.15c-.06-.5-.13-.92-.21-1.28a4.11,4.11,0,0,0,.66.08A.48.48,0,0,0,25.74,9a9.72,9.72,0,0,0,.06-1.2H24.52a7.86,7.86,0,0,1-.86,4.09,11.05,11.05,0,0,0-1-.86,6.48,6.48,0,0,0,.74-3.4v-3h4.13l0-1.45H28.7V4.66h1.2c-.16-.21-.41-.51-.75-.91l.92-.51c.21.23.5.58.88,1l-.67.37h1V5.72H28.73a20.69,20.69,0,0,0,.19,2.36,12.29,12.29,0,0,0,1-1.94L31,6.65a15.75,15.75,0,0,1-1.74,3c.22.57.42.86.59.86a.19.19,0,0,0,.17-.13,3.34,3.34,0,0,0,.15-.63,6.22,6.22,0,0,0,.08-.88,10.29,10.29,0,0,0,1.12.53A6.22,6.22,0,0,1,31.18,10.66Z\"/></svg>","codepoint":"\\e106"},{"name":"todo-i","svgCode":"<svg viewBox=\"0 0 36 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#c4c6cc\" d=\"M25.58,8h.8V7.24H25.12Z\"/><path fill=\"#c4c6cc\" d=\"M27.62 7.96L28.42 7.96 28.88 7.25 27.62 7.25 27.62 7.96z\"/><path fill=\"#c4c6cc\" d=\"M24.73 10.04H29.27V10.68H24.73z\"/><path fill=\"#c4c6cc\" d=\"M34.15,0H1.85A1.85,1.85,0,0,0,0,1.85v12.3A1.85,1.85,0,0,0,1.85,16h32.3A1.85,1.85,0,0,0,36,14.15V1.85A1.85,1.85,0,0,0,34.15,0ZM14,4.19h3.41l-.3-.78,1.41-.24c.12.33.23.67.34,1H22V5.94H20.76V5.31H15.24v.63H14Zm7.29,2V7.28H14.91V6.17ZM6.44,3.1l1,.76A24.29,24.29,0,0,1,5.34,6.3,14.09,14.09,0,0,0,4.85,5,9.78,9.78,0,0,0,6.44,3.1Zm6.88,5.82H12.23v1.62a1.37,1.37,0,0,1-.19.8,1,1,0,0,1-.53.37,9.57,9.57,0,0,1-1.93.11q-.13-.66-.27-1.14c.39,0,.76,0,1.1,0a1.68,1.68,0,0,0,.4,0,.32.32,0,0,0,.18-.15.74.74,0,0,0,.07-.33V8.92H9c.26.26.57.59.94,1l-1,.75A11.3,11.3,0,0,0,8,9.44l.66-.52H7.4V7.85h3.66V7.23h1.17v.62h1.09Zm0-1.89H7.4V6.66c-.2.3-.4.58-.61.86v4.33H5.66v-3c-.22.23-.44.45-.68.66-.11-.48-.22-.93-.35-1.36a14.43,14.43,0,0,0,2-2.48l.74.69V5.93H9.7V5.22H7.83V4.12H9.7V3.21H11v.91h2v1.1H11v.71h2.37Zm8.79,3.78c-.12.63-.62.94-1.49.94H19.59a1.08,1.08,0,0,1-1.24-1.22V9h-1a3,3,0,0,1-.51,1.44,5.15,5.15,0,0,1-2.24,1.46,13.73,13.73,0,0,0-.82-1.16C15.23,10.37,16,9.79,16,9H13.89V7.93h8.27V9H19.63v1.21c0,.26.12.4.36.4h.51q.48,0,.54-.6c0-.15,0-.37.05-.68.36.12.77.25,1.23.38C22.26,10.16,22.19,10.51,22.13,10.81Zm8.37,1.06H29.27v-.36H24.73v.36H23.5V9.21h7Zm.84-3.11H22.66V8h1.55q-.16-.25-.36-.51l.57-.22H22.76V6.45h3.62V6H23.33V5.28h3.05V4.84H22.92V4.05h2l-.37-.51,1.16-.42q.3.45.6.93h1.56c.27-.41.47-.73.6-.95l1.19.44-.4.51H31.1v.79H27.62v.44h3.05V6H27.62v.45h3.63v.79h-1.7l.58.25L29.78,8h1.56Z\"/></svg>","codepoint":"\\e107"},{"name":"loading-i","svgCode":"<svg viewBox=\"0 0 106 106\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#3a84ff\" d=\"M53,7L53,7c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6v-4.9C46,10.4,49.1,7,53,7z\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.875s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M54.2,4L54.2,4c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6v-4.9 C47.2,7.4,50.4,4,54.2,4z\" transform=\"rotate(45 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.75s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M53,1L53,1c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6V8.6C46,4.4,49.1,1,53,1z\" transform=\"rotate(90 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.625s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M50-0.2L50-0.2c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6V7.3C43,3.1,46.1-0.2,50-0.2 z\" transform=\"rotate(135 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.5s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M47,1L47,1c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6V8.6C40,4.4,43.1,1,47,1z\" transform=\"rotate(180 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.375s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M45.8,4L45.8,4c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6v-4.9 C38.8,7.4,41.9,4,45.8,4z\" transform=\"rotate(225 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.25s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M47,7L47,7c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6v-4.9C40,10.4,43.1,7,47,7z\" transform=\"rotate(270 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"-0.125s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path><path fill=\"#3a84ff\" d=\"M50,8.2L50,8.2c3.9,0,7,3.4,7,7.6v4.9c0,4.2-3.1,7.6-7,7.6l0,0c-3.9,0-7-3.4-7-7.6v-4.9 C43,11.6,46.1,8.2,50,8.2z\" transform=\"rotate(315 50 50)\"><animate fill=\"remove\" accumulate=\"none\" additive=\"replace\" attributeName=\"opacity\" begin=\"0s\" calcMode=\"linear\" dur=\"1s\" keyTimes=\"0;1\" repeatCount=\"indefinite\" restart=\"always\" values=\"1;0\"/></path></svg>","codepoint":"\\e109"},{"name":"add-hollow","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"#737987\"><path d=\"M512 128c212.8 0 384 171.2 384 384S724.8 896 512 896 128 724.8 128 512 299.2 128 512 128M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z\"/><path d=\"M736 480L544 480 544 288 480 288 480 480 288 480 288 544 480 544 480 736 544 736 544 544 736 544z\"/></g></svg>","codepoint":"\\e10a"},{"name":"close-fill","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#737987\" d=\"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z m180.8 584l-44.8 44.8-136-136-136 136-44.8-44.8 136-136-136-136 44.8-44.8 136 136 136-136 44.8 44.8-136 136 136 136z\"/></svg>","codepoint":"\\e10b"},{"name":"organization-fill","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M896 672H832V512a32 32 0 0 0-32-32H544V352h64a32 32 0 0 0 32-32V128a32 32 0 0 0-32-32H416a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h64v128H224a32 32 0 0 0-32 32v160H128a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32V704a32 32 0 0 0-32-32H256V544H768v128H704a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32V704A32 32 0 0 0 896 672Z\"/></svg>","codepoint":"\\e10d"},{"name":"personal-user","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M720 272A208 208 0 0 1 512 480 208 208 0 0 1 304 272 208 208 0 0 1 720 272z\"/><path d=\"M852.8 916.16A64 64 0 0 0 896 849.28a386.88 386.88 0 0 0-768 0 64 64 0 0 0 42.88 66.88C224 935.04 330.56 960 512 960S800 935.04 852.8 916.16Z\"/></svg>","codepoint":"\\e10c"},{"name":"outline-list","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M377.28 143.84h566.72c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16h-566.72c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16z\"/><path d=\"M163.68 129.28c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56c54.432 0 98.56-44.128 98.56-98.56v0c-0.096-54.4-44.16-98.464-98.56-98.56h0z\"/><path d=\"M377.28 426.56h566.72c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16h-566.72c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16z\"/><path d=\"M163.68 412c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56c54.432 0 98.56-44.128 98.56-98.56v0c0-54.432-44.128-98.56-98.56-98.56v0z\"/><path d=\"M377.28 713.28h566.72c8.832 0 16 7.168 16 16v136c0 8.832-7.168 16-16 16h-566.72c-8.832 0-16-7.168-16-16v-136c0-8.832 7.168-16 16-16z\"/><path d=\"M163.68 698.72c-54.432 0-98.56 44.128-98.56 98.56s44.128 98.56 98.56 98.56c54.432 0 98.56-44.128 98.56-98.56v0c0-54.432-44.128-98.56-98.56-98.56v0z\"/></svg>","codepoint":"\\e10e"},{"name":"duihao-2","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#737987\" d=\"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z m-64 640L272 528l48-48 128 128 256-256 48 48-304 304z\"/></svg>","codepoint":"\\e10f"},{"name":"file-close","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#7a8193\" fill-rule=\"evenodd\" d=\"M326.4 160H96C76.8 160 64 172.8 64 192v640c0 19.2 12.8 32 32 32h832c19.2 0 32-12.8 32-32V288c0-19.2-12.8-32-32-32H448l0 0-76.8-76.8C358.4 166.4 342.4 160 326.4 160z\" clip-rule=\"evenodd\"/></svg>","codepoint":"\\e110"},{"name":"info-fill","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#737987\" d=\"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zM560 256c27.2 0 48 20.8 48 48s-20.8 48-48 48-48-20.8-48-48S532.8 256 560 256zM598.4 731.2c-22.4 22.4-49.6 38.4-80 44.8-19.2 4.8-40 3.2-57.6-4.8-16-9.6-25.6-24-28.8-41.6-3.2-16 8-64 30.4-140.8 11.2-43.2 20.8-75.2 25.6-94.4 4.8-14.4 6.4-27.2 4.8-41.6-1.6-8-8-11.2-19.2-9.6-16 6.4-30.4 16-40 28.8-14.4 17.6-40-4.8-16-27.2 20.8-20.8 48-35.2 76.8-41.6 17.6-4.8 38.4-4.8 54.4 1.6 12.8 6.4 22.4 19.2 25.6 33.6 4.8 19.2-12.8 96-52.8 232-4.8 12.8-8 27.2-6.4 41.6 3.2 12.8 11.2 19.2 25.6 16 16-3.2 30.4-12.8 40-25.6C595.2 688 624 705.6 598.4 731.2z\"/></svg>","codepoint":"\\e111"},{"name":"user-directory","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#737987\" d=\"M64 832c0 35.2 28.8 64 64 64h768c35.2 0 64-28.8 64-64V448H64V832z\"/><path fill=\"#737987\" d=\"M896 224H736v-64c0-35.2-28.8-64-64-64H352c-35.2 0-64 28.8-64 64v64H128c-35.2 0-64 28.8-64 64v96h896v-96C960 252.8 931.2 224 896 224zM352 160h320v64H352V160z\"/></svg>","codepoint":"\\e113"},{"name":"homepage","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M960 544c0-16-6.4-32-19.2-44.8L534.4 91.2c-12.8-12.8-32-12.8-44.8 0L83.2 499.2C70.4 512 64 528 64 544h0v1.6c0 35.2 28.8 64 62.4 64H160v305.6c0 17.6 14.4 32 32 32h256V720h128v224h256c17.6 0 32-14.4 32-32V608h32c16 0 30.4-6.4 41.6-16h0l0 0C952 580.8 960 563.2 960 544L960 544 960 544z\"/></svg>","codepoint":"\\e114"},{"name":"arrow-left","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" d=\"M144 512L214.4 582.4 428.8 796.8 499.2 724.8 336 561.6 880 561.6 880 462.4 336 462.4 499.2 299.2 428.8 227.2 428.8 227.2 214.4 441.6Z\" clip-rule=\"evenodd\"/></svg>","codepoint":"\\e117"},{"name":"arrow-right","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M889.6 489.6l-44.8-44.8L662.4 262.4c-12.8-12.8-32-12.8-44.8 0l-44.8 44.8c-12.8 12.8-12.8 32 0 44.8l94.4 94.4H160c-17.6 0-32 14.4-32 32v64c0 17.6 14.4 32 32 32h507.2l-94.4 94.4c-12.8 12.8-12.8 32 0 44.8l44.8 44.8c12.8 12.8 32 12.8 44.8 0l180.8-180.8 44.8-44.8C900.8 521.6 900.8 502.4 889.6 489.6z\"/></svg>","codepoint":"\\e116"},{"name":"minus-fill","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z m224 480H288v-64h448v64z\"/></svg>","codepoint":"\\e119"},{"name":"plus-fill","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64z m224 480H544v192h-64V544H288v-64h192V288h64v192h192v64z\"/></svg>","codepoint":"\\e118"},{"name":"warning","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#ff9c01\" d=\"M1024 512c0 282.8-229.2 512-512 512S0 794.8 0 512 229.2 0 512 0 1024 229.2 1024 512z\" opacity=\".16\"/><path fill=\"#ff9c01\" d=\"M787.7 512c0 152.3-123.4 275.7-275.7 275.7S236.3 664.3 236.3 512c0-152.3 123.5-275.7 275.8-275.6C664.3 236.4 787.7 359.8 787.7 512z\"/></svg>","codepoint":"\\e115"},{"name":"abnormal","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#ffe6e6\" d=\"M1024 512A512 512 0 0 1 512 1024 512 512 0 0 1 0 512 512 512 0 0 1 1024 512z\"/><path fill=\"#ea3636\" d=\"M787.6923076923077 512A275.69230769230774 275.69230769230774 0 0 1 512 787.6923076923077 275.69230769230774 275.69230769230774 0 0 1 236.30769230769232 512 275.69230769230774 275.69230769230774 0 0 1 787.6923076923077 512z\"/></svg>","codepoint":"\\e11b"},{"name":"more","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M448 256c0-35.199999999999996 28.8-64 64-64s64 28.8 64 64c0 35.199999999999996-28.8 64-64 64s-64-28.8-64-64zM512 448c-35.199999999999996 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.199999999999996-28.8-64-64-64zM512 704c-35.199999999999996 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.199999999999996-28.8-64-64-64z\"/></svg>","codepoint":"\\e11c"},{"name":"unknown","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#f0f1f5\" d=\"M1024 512A512 512 0 0 1 512 1024 512 512 0 0 1 0 512 512 512 0 0 1 1024 512z\"/><path fill=\"#979ba5\" d=\"M787.6923076923077 512A275.69230769230774 275.69230769230774 0 0 1 512 787.6923076923077 275.69230769230774 275.69230769230774 0 0 1 236.30769230769232 512 275.69230769230774 275.69230769230774 0 0 1 787.6923076923077 512z\"/></svg>","codepoint":"\\e11a"},{"name":"normal","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#e5f6ea\" d=\"M1024 512A512 512 0 0 1 512 1024 512 512 0 0 1 0 512 512 512 0 0 1 1024 512z\"/><path fill=\"#3fc06d\" d=\"M787.6923076923077 512A275.69230769230774 275.69230769230774 0 0 1 512 787.6923076923077 275.69230769230774 275.69230769230774 0 0 1 236.30769230769232 512 275.69230769230774 275.69230769230774 0 0 1 787.6923076923077 512z\"/></svg>","codepoint":"\\e11d"},{"name":"drag","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" d=\"M656.688 352.00283648000004C700.864 351.63483648 736.3679999999999 315.50683648 736 271.31483648 735.616 227.12283648 699.504 191.6348363424 655.312 192.0028363439136 611.392 192.3708363424 576 228.09883648 576 272.00283648L576 272.69083648000003C576.384 316.86683648 612.512 352.37083648 656.688 352.00283648000004M367.312 192.0028363439136C323.392 192.3708363424 288.0000000000008 228.09883648 288.0000000000008 272.00283648L288.0000000000008 272.69083648000003C288.384 316.86683648 324.512 352.37083648 368.688 352.00283648000004 412.86400000000003 351.63483648 448.368 315.50683648 448 271.31483648 447.616 227.12283648 411.504 191.6348363424 367.312 192.0028363439136M655.312 432.00283648000004C611.392 432.37083648 576 468.09883648 576 512.0028351999999L576 512.6908352C576.384 556.8668352 612.512 592.3708352 656.688 592.0028351999999 700.864 591.6348352 736.3679999999999 555.5068352000001 736 511.31483648 735.616 467.12283648 699.504 431.63483648 655.312 432.00283648000004M367.312 432.00283648000004C323.392 432.37083648 288.0000000000008 468.09883648 288.0000000000008 512.0028351999999L288.0000000000008 512.6908352C288.384 556.8668352 324.512 592.3708352 368.688 592.0028351999999 412.86400000000003 591.6348352 448.368 555.5068352000001 448 511.31483648 447.616 467.12283648 411.504 431.63483648 367.312 432.00283648000004M655.312 672.0028351999999C611.392 672.3708352 576 708.0988352 576 752.0028352L576 752.6908352C576.384 796.8668352 612.512 832.3708352 656.688 832.0028352 700.864 831.6348352 736.3679999999999 795.5068352 736 751.3148352 735.616 707.1228352 699.504 671.6348352 655.312 672.0028351999999M367.312 672.0028351999999C323.392 672.3708352 288.0000000000008 708.0988352 288.0000000000008 752.0028352L288.0000000000008 752.6908352C288.384 796.8668352 324.512 832.3708352 368.688 832.0028352 412.86400000000003 831.6348352 448.368 795.5068352 448 751.3148352 447.616 707.1228352 411.504 671.6348352 367.312 672.0028351999999\"/></svg>","codepoint":"\\e11e"},{"name":"lishijilu","svgCode":"<svg viewBox=\"0 0 1205.248 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path  fill-rule=\"evenodd\" d=\"M674.4746682181818-1.2402200482909091e-12C967.1475851636364-1.2402200482909091e-12 1205.2561640727274 229.6832 1205.2561640727274 512 1205.2561640727274 794.3168000000001 967.1475851636364 1024 674.4746682181818 1024L674.4746682181818 942.0799999999999C920.3114263272728 942.0799999999999 1120.3311243636365 749.1583999999999 1120.3311243636365 512 1120.3311243636365 274.84159999999997 920.3114263272728 81.92 674.4746682181818 81.92 435.81407325090913 81.92 240.8898755490909 263.90528 229.70100177454543 491.52000000000004L382.1626796218182 491.52000000000004 191.0813398109091 704.34816-6.61450691490909e-13 491.52000000000004 144.2239488 491.52000000000004C155.43405428363636 218.66495999999998 388.9142202181818-1.2402200482909091e-12 674.4746682181818-1.2402200482909091e-12ZM692.7080075636364 279.27272727272725L692.7080075636364 523.6363636363636 977.4566679272727 523.6363636363636 977.4566679272727 605.0909090909091 605.0930315636364 605.0909090909091 605.0930315636364 279.27272727272725 692.7080075636364 279.27272727272725Z\"/></svg>","codepoint":"\\e11f"},{"name":"add-2","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M896 448L576 448 576 128 448 128 448 448 128 448 128 576 448 576 448 896 576 896 576 576 896 576Z\"/></svg>","codepoint":"\\e120"},{"name":"expand-line","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M496 216l-76.32 76.32 152.64 152.8H64v101.76H572.16l-152.48 152.8L496 776 775.52 496Zm362.4 0v560H960v-560Z\"/></svg>","codepoint":"\\e121"},{"name":"block-shape","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M375.67999999999995 1024h-273.28c-56.53333333333333 0-102.39999999999999-45.86666666666666-102.39999999999999-102.39999999999999v0-273.28c0-56.53333333333333 45.86666666666666-102.39999999999999 102.39999999999999-102.39999999999999v0h273.28c56.53333333333333 0 102.39999999999999 45.86666666666666 102.39999999999999 102.39999999999999v0 273.28c0 56.53333333333333-45.86666666666666 102.39999999999999-102.39999999999999 102.39999999999999v0z\"/><path d=\"M375.67999999999995 478.08h-273.28c-56.53333333333333 0-102.39999999999999-45.86666666666666-102.39999999999999-102.39999999999999v0-273.28c0-56.53333333333333 45.86666666666666-102.39999999999999 102.39999999999999-102.39999999999999v0h273.28c56.53333333333333 0 102.39999999999999 45.86666666666666 102.39999999999999 102.39999999999999v0 273.28c0 56.53333333333333-45.86666666666666 102.39999999999999-102.39999999999999 102.39999999999999v0z\"/><path d=\"M921.6 1024h-273.28c-56.53333333333333 0-102.39999999999999-45.86666666666666-102.39999999999999-102.39999999999999v0-273.28c0-56.53333333333333 45.86666666666666-102.39999999999999 102.39999999999999-102.39999999999999v0h273.28c56.53333333333333 0 102.39999999999999 45.86666666666666 102.39999999999999 102.39999999999999v0 273.28c0 56.53333333333333-45.86666666666666 102.39999999999999-102.39999999999999 102.39999999999999v0z\"/><path d=\"M921.6 478.08h-273.28c-56.53333333333333 0-102.39999999999999-45.86666666666666-102.39999999999999-102.39999999999999v0-273.28c0-56.53333333333333 45.86666666666666-102.39999999999999 102.39999999999999-102.39999999999999h273.28c56.53333333333333 0 102.39999999999999 45.86666666666666 102.39999999999999 102.39999999999999v0 273.28c0 56.53333333333333-45.86666666666666 102.39999999999999-102.39999999999999 102.39999999999999v0z\"/></svg>","codepoint":"\\e123"},{"name":"win","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M100.8 216l337.6-46.4v326.4h-337.6v-280zM100.8 814.4l337.6 46.4v-323.2h-337.6v276.8zM475.2 865.6l449.6 62.4v-390.4h-449.6v328zM475.2 164.8v331.2h449.6v-392c0 0-449.6 60.8-449.6 60.8z\"/></svg>","codepoint":"\\e122"},{"name":"qw","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><g ><path  d=\"M662.5897392 732.1204368C660.3094208 734.1544 659.0054528 737.0648096 659.0054528 740.1204368 659.0054528 743.1760656 660.3094208 746.0864752 662.5897392 748.1204368L664.1897392 749.7204368C691.0028672 773.0709808 708.1225376 805.5983536 712.1897392 840.9204368 720.5186928 868.0101712 748.8514272 883.593176 776.1897392 876.1204368 802.9783888 869.272512 819.346272 842.2299216 812.9897392 815.3204368 806.9912064 795.0437312 789.2453552 780.4667808 768.1897392 778.5204368 734.2178688 773.091288 703.1467888 756.1434272 680.1897392 730.5204368 674.6470848 726.9678384 667.4008976 727.6265824 662.5897392 732.1204368L662.5897392 732.1204368Z\"/><path  d=\"M872.1897392 653.7204368C863.514552 661.7087392 857.8629088 672.4468624 856.1897392 684.1204368 849.6654384 716.7912048 832.8427856 746.511224 808.1897392 768.9204368 805.9094208 770.9544 804.6054528 773.8648096 804.6054528 776.9204368 804.6054528 779.9760656 805.9094208 782.8864752 808.1897392 784.9204368 813.0577792 789.7613488 820.9216992 789.7613488 825.7897392 784.9204368L827.3897392 783.3204368C852.1041024 756.8040944 885.6988448 740.291424 921.7897392 736.9204368 948.5783888 730.072512 964.946272 703.0299216 958.5897392 676.1204368 950.2607856 649.030704 921.9280512 633.4476992 894.5897392 640.9204368 885.6577296 641.8548096 877.5294496 646.4995408 872.1897392 653.7204368L872.1897392 653.7204368Z\"/><path  d=\"M726.5897392 512.9204368C716.6851552 521.6089584 711.0061808 534.1450368 711.0061808 547.3204368 711.0061808 560.4958384 716.6851552 573.0319168 726.5897392 581.7204368 734.9346528 589.6300192 745.5832848 594.6741072 756.9897392 596.1204368 790.5745264 601.6472288 821.456464 617.9304336 844.9897392 642.5204368 849.8577792 647.3613488 857.7216992 647.3613488 862.5897392 642.5204368 864.8700576 640.4864752 866.1740256 637.5760656 866.1740256 634.5204368 866.1740256 631.4648096 864.8700576 628.5544 862.5897392 626.5204368L860.9897392 624.9204368C834.1766112 601.5698944 817.0569408 569.0425216 812.9897392 533.7204368 804.6607856 506.630704 776.3280512 491.0476992 748.9897392 498.5204368 740.7460944 501.9881472 733.1669296 506.8604656 726.5897392 512.9204368L726.5897392 512.9204368Z\"/><path  d=\"M699.3897392 589.7204368L699.3897392 589.7204368C673.9256448 617.513352 639.2510176 635.1348848 601.7897392 639.3204368 589.0356368 642.2499856 577.9777584 650.1477136 571.0690912 661.261656 564.160424 672.3755984 561.9721648 685.7868736 564.9897392 698.5204368 567.003384 707.4493584 572.1026672 715.3815776 579.3897392 720.9204368 599.5415984 740.1407808 631.23788 740.1407808 651.3897392 720.9204368 660.0649264 712.9321344 665.7165696 702.1940128 667.3897392 690.5204368 673.8581408 657.4582352 691.3428464 627.5650304 716.9897392 605.7204368 721.409792 601.5182896 722.0901584 594.714632 718.5897392 589.7204368 712.59332 586.5061472 705.3861584 586.5061472 699.3897392 589.7204368L699.3897392 589.7204368Z\"/><path  d=\"M387.3897392 164.1204368C298.7182832 171.2653616 215.1590432 208.528264 150.5897392 269.7204368 126.88996512 292.6077888 106.91530096 319.0607216 91.3897392 348.1204368 48.03504832 437.0602416 56.62245392 542.5626544 113.7897392 623.3204368 134.38034672 649.9471024 156.83689376 675.077048 180.9897392 698.5204368L171.3897392 783.3204368 169.7897392 786.5204368 169.7897392 794.5204368C171.836192 809.5994 184.9824672 820.6699472 200.1897392 820.1204368 204.5802128 819.6304368 208.8852032 818.5541888 212.9897392 816.9204368L212.9897392 816.9204368 214.5897392 815.3204368 240.1897392 802.5204368 320.1897392 764.1204368C357.8535728 773.628296 396.5443984 778.4646496 435.3897392 778.5204368 483.7117744 778.2449328 531.7167728 770.693584 577.7897392 756.1204368 555.1033104 749.9739168 540.2048768 728.3034688 542.5897392 704.9204368 495.0039872 719.6695696 444.8070752 724.0345184 395.3897392 717.7204368L387.3897392 716.1204368C369.523096 714.6173648 351.842 711.4026192 334.5897392 706.5204368 325.488104 703.5914048 315.5630912 704.7590528 307.3897392 709.7204368L305.7897392 708.1204368 240.0297392 743.3204368 236.8297392 746.5204368C235.2297392 748.1204368 235.2297392 748.1204368 233.6297392 748.1204368 232.0297392 748.1204368 230.4297392 746.5204368 230.4297392 743.3204368L232.0297392 733.7204368 235.2297392 724.1204368 240.0297392 706.5204368 244.8297392 687.3204368C248.2259216 676.1768864 244.4098112 664.0925392 235.2297392 656.9204368 209.9114512 638.8016976 187.74848 616.6387264 169.6297392 591.3204368 123.98528672 528.1005024 117.79825888 444.5756272 153.6297392 375.3204368 166.2043488 352.518464 181.8132576 331.5271728 200.0297392 312.9204368 253.4771584 261.7080832 323.0261296 230.6089488 396.8297392 224.9204368 423.9354464 221.717472 451.324032 221.717472 478.4297392 224.9204368 551.3149776 230.152688 619.9518016 261.1810704 672.0297392 312.4404368 691.0968176 330.3043056 706.8114256 351.437744 718.4297392 374.8404368 733.7090336 403.925352 741.4128784 436.3915552 740.8297392 469.2404368L740.8297392 478.8404368C761.5133856 467.9320224 786.715752 470.4522592 804.8297392 485.2404368L806.4297392 488.4404368C810.3212192 439.9076832 800.9178992 391.2316704 779.2297392 347.6404368 763.3263552 319.2381664 743.9802864 292.906016 721.6297392 269.2404368 657.0563216 207.8071808 573.5991248 170.0258832 484.8297392 162.0404368 452.3869536 158.74494416 419.6623424 159.44349904 387.3897392 164.1204368Z\"/></g></svg>","codepoint":"\\e124"},{"name":"wechat","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><g ><path d=\"M665.92 385.12C675.5477424 384.85496639999997 685.1808624 385.3901392 694.72 386.72 669.44 265.44 541.28 176 394.56 176 230.88 176 96.00000000000006 288.96 96.00000000000006 430.56 96.00000000000006 513.28 141.6 580.64 215.68 631.36L185.44 722.4 289.91999999999996 670.0799999999999C324.2443376 678.4263072 359.2795856 683.5155248 394.56 685.28 404.1404208 685.5717136000001 413.727384 684.9825711999999 423.2 683.52 417.7536192 663.1607488 414.9043392 642.1943488 414.72 621.12 413.12 489.6 524.3199999999999 385.12 665.92 385.12ZM505.92 304.15999999999997C515.8989232 303.69939583999997 525.6105344 307.46211231999996 532.6742112 314.52578928 539.737888 321.58946607999997 543.5006048 331.30107696 543.04 341.28 543.5006048 351.2589232 539.737888 360.9705344 532.6742112 368.03421119999996 525.6105344 375.097888 515.8989232 378.86060480000003 505.92 378.4 484 378.4 460.48 363.2 460.48 341.28 463.3125728 318.84088928 483.20116 302.53646432 505.76 304.15999999999997L505.92 304.15999999999997ZM296.64 378.4C274.72 378.4 251.2 363.2 251.2 341.28 253.7199272 318.6019536 273.9151568 302.10444208 296.64 304.15999999999997 306.61892320000004 303.69939583999997 316.33053440000003 307.46211231999996 323.3942112 314.52578928 330.457888 321.58946607999997 334.2206048 331.30107696 333.76 341.28 334.8307536 351.4154 331.2654496 361.492064 324.05875679999997 368.6987568 316.85206400000004 375.9054496 306.7754 379.47075359999997 296.64 378.4L296.64 378.4Z\"/><path d=\"M939.2 617.76C939.2 498.08 819.52 401.91999999999996 686.24 401.91999999999996 544.64 401.91999999999996 431.52 499.84 431.52 617.76 431.52 735.68 543.52 833.6 686.24 833.6 716.5980368 832.4332448 746.6461072 827.0482848 775.52 817.6L858.24 863.2 836.32 788.96C895.36 744 939.2 683.52 939.2 617.76ZM603.2 579.04C586.4105440000001 579.04 572.8 565.4294560000001 572.8 548.64 572.8 531.850544 586.4105440000001 518.24 603.2 518.24 621.7319824 516.6526352000001 638.141896 530.1499664 640.16 548.64 639.4743472 557.5575504000001 635.2112464 565.8187232 628.3403744 571.5444496 621.4695024 577.270176 612.5750032 579.9736704 603.6800000000001 579.04L603.2 579.04ZM766.72 579.04C749.930544 579.04 736.32 565.4294560000001 736.32 548.64 736.32 531.850544 749.930544 518.24 766.72 518.24 785.2844032 516.6481871999999 801.7415472 530.1260208 803.84 548.64 803.1133904 557.5711296 798.8159568 565.8318992 791.9198784 571.5535376 785.0237984 577.275176 776.1118096 579.9741888 767.2 579.04L766.72 579.04Z\"/></g></svg>","codepoint":"\\e125"},{"name":"yonghu","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path  d=\"M512 0C794.7702857142858 0 1024 229.2297142857143 1024 512 1024 794.7702857142858 794.7702857142858 1024 512 1024 229.2297142857143 1024 0 794.7702857142858 0 512 0 229.2297142857143 229.2297142857143 0 512 0ZM622.4676571428572 530.1920017066667C590.0207991466667 549.1348587276191 552.2813708190477 559.9999980495238 512.0002301561905 559.9999980495238 471.71908559238096 559.9999980495238 433.9785142857143 549.1348587276191 401.53279926857147 530.1920017066667 309.53622849828577 561.4845717942858 235.12251440761906 630.7840000000001 196.9693713554286 719.3748587276191 264.4276573135238 821.6434278400001 380.3213714773334 889.142855192381 512.0002301561905 889.142855192381 643.6790857142859 889.142855192381 759.5727998780953 821.6434278400001 827.0299448076191 719.3748587276191 788.8768009752382 630.7840000000001 714.4642267428572 561.4845717942858 622.4676571428572 530.1920017066667ZM512 169.14285714285717C417.3222863238096 169.14285714285717 340.5714285714286 245.89371411504766 340.5714285714286 340.5714285714286 340.5714285714286 435.2491441980953 417.3222863238096 512 512 512 606.6777136761905 512 683.4285694780953 435.2491441980953 683.4285694780953 340.5714285714286 683.4285694780953 245.89371411504766 606.6777136761905 169.14285714285717 512 169.14285714285717Z\"/></svg>","codepoint":"\\e128"},{"name":"qiyeweixin","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path  fill-rule=\"evenodd\" d=\"M685.2416325818182 772.5001262545454C710.9086859636363 798.6316939636365 741.9536011636363 814.3288738909092 776.3711301818181 824.1655668363637L787.9585466181819 827.1967185454547C812.1102149818182 831.6677678545453 824.7718632727273 854.0230050909091 825.8480081454545 876.8750266181818 825.8480081454545 903.7013131636364 806.6340026181817 926.5533346909091 780.2336023272728 930.4771444363636 755.0067479272726 933.8052049454545 728.6063522909092 917.6112407272727 723.1310941090909 891.9279429818182 715.4548503272728 852.3337495272727 698.9307298909091 817.7073850181819 670.3789986909092 788.6960314181819 667.1037719272728 785.3175202909092 669.3028538181818 778.0646772363637 668.1789626181819 772.5001262545454L681.0363624727273 771.5065623272727C682.9919464727272 771.5065623272727 684.4586356363636 771.7549521454547 685.2416325818182 772.5001262545454L685.2416325818182 772.5001262545454ZM731.9312244363637 266.77495202909097C785.7098146909091 324.79960389818183 815.4350871272727 393.4546371490909 816.5102778181819 473.2882599563636 802.873344 467.0119195927273 788.0663645090909 463.79267956363634 773.0959080727272 463.84938170181823L770.8958766545455 463.84938170181823C719.5635106909091 465.95328884363636 677.3865006545454 505.73257029818177 671.5028852363637 557.5919606690909 670.4032861090909 566.8650212072728 670.4032861090909 576.2386911418182 671.5028852363637 585.51175168 652.2411380363636 605.0347445527274 628.6270650181818 617.3058699636364 599.5377384727274 622.3231860363636L598.9514426181819 622.3231860363636C561.0546315636363 630.4858437818182 531.158016 660.0705815272728 522.1241157818182 698.349056 513.090210909091 736.6275304727272 526.5302621090909 776.7725707636364 556.6619182545454 801.5124526545455 523.6651845818182 811.7485335272728 489.4975855709091 817.5768017454545 455.02019490909095 818.8503738181819 410.8828420654546 820.995346618182 366.6717188654546 816.6621230545454 323.75154967272726 805.9844701090908 316.5391946472727 805.0638941090909 309.2152017454545 805.828156509091 302.3375113309091 808.2190242909091L202.89677637818178 857.8973323636363C190.23417250909088 864.6039039999999 178.69545658181818 865.6974103272728 167.6952911127273 856.8047988363638 157.28237335272726 848.9552384000001 156.20622894545454 837.2313506909092 157.28237335272726 823.2719406545456 161.68243991272726 795.4026030545455 165.00731624727274 767.4828101818183 167.74494440727273 739.5639901090909 167.2973498181818 732.723753890909 164.57314722909092 726.2416989090909 160.02000151272728 721.1830178909091 116.65528552727272 677.0188055272728 79.30342032290909 628.4825181090908 60.62701032727273 567.0803232581818 25.426479709090906 445.36846894545454 57.30308868654545 341.0440224581818 144.1308732509091 253.90904645818182 302.8751062109091 95.93202734545456 580.2263365818183 103.18486625745454 731.9312244363637 266.77495202909097ZM929.6897629090909 669.2197003636364C957.1653492363636 672.5972433454546 977.4545454545455 694.902998109091 977.4545454545455 722.8218181818182 977.4545454545455 749.6481047272729 961.5167162181817 771.3581055999999 935.1650210909092 776.4249088 902.8978641454545 782.3863016727274 873.7598417454545 796.2962292363637 849.5107770181818 817.6579025454546L840.7106420363637 826.1032168727272C835.1857338181819 831.6677678545453 826.9718946909092 836.6850839272728 821.4479406545455 828.3387392000001 819.2479092363636 823.8676898909091 820.3717957818182 813.2363403636363 823.6479720727274 809.9082798545455 849.5205562181818 783.2742772363636 866.6053678545455 749.126460509091 872.5376 712.1914368 877.6101143272728 684.8924392727273 902.5150557090909 666.1668398545455 929.6897629090909 669.2197003636364L929.6897629090909 669.2197003636364ZM724.2062848 618.9941527272728C723.1310941090909 624.5587083636364 725.3311255272728 632.9040802909091 722.0062487272728 636.2825960727273 694.579362909091 664.2014161454546 679.7167243636364 697.6847872000001 672.0414347636364 736.2349614545454 666.5165265454546 764.1052672000001 641.2409716363636 780.3002042181818 614.8892718545454 775.829154909091 588.4888715636364 771.3581055999999 568.7372753454546 747.9093620363637 568.7372753454546 721.6797975272727 568.7372753454546 698.2310539636363 585.799945309091 676.4725387636364 608.8267682909091 672.0014894545454 645.9990202181818 665.8385175272728 680.3703714909091 648.0975918545454 707.1923106909092 621.2296797090909 710.4675328 617.8521367272728 718.7310266181818 618.9941527272728 724.2062848 618.9941527272728L724.2062848 618.9941527272728ZM773.0959080727272 514.024472669091C797.2962722909091 514.024472669091 819.7854999272728 530.2194068945454 824.7718632727273 555.9027041745454 831.3232616727273 594.4033926981818 847.8483362909091 627.9362513454546 874.7376314181819 655.8065570909091 878.0615540363636 659.1841000727272 875.8615226181818 668.6724608000001 876.9376674909092 674.2370164363637 870.3375639272729 674.2370164363637 862.1237294545455 676.4725387636364 858.8485026909092 673.1435101090909 831.3232616727273 644.0817012363636 797.2475764363636 629.0297576727273 759.358114909091 620.6834129454545 733.9914705454546 614.5340136727273 717.2174894545454 590.0048956509091 720.3925131636364 563.7027802763637 724.2062848 535.8334436072727 745.6680634181819 515.1664914618182 773.0959080727272 514.024472669091L773.0959080727272 514.024472669091Z\"/></svg>","codepoint":"\\e129"},{"name":"qingximoban","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path  fill-rule=\"evenodd\" d=\"M558.5454545454545 465.4545454545455L884.3636363636364 465.4545454545455 884.3636363636364 139.63636363636363 558.5454545454545 139.63636363636363 558.5454545454545 465.4545454545455ZM698.1818181818182 325.8181818181818L791.2727272727273 325.8181818181818 791.2727272727273 232.72727272727275 698.1818181818182 232.72727272727275 698.1818181818182 325.8181818181818ZM139.63636363636363 465.4545454545455L465.4545454545455 465.4545454545455 465.4545454545455 139.63636363636363 139.63636363636363 139.63636363636363 139.63636363636363 465.4545454545455ZM558.5454545454545 884.3636363636364L884.3636363636364 884.3636363636364 884.3636363636364 558.5454545454545 558.5454545454545 558.5454545454545 558.5454545454545 884.3636363636364ZM139.63636363636363 884.3636363636364L465.4545454545455 884.3636363636364 465.4545454545455 558.5454545454545 139.63636363636363 558.5454545454545 139.63636363636363 884.3636363636364ZM232.72727272727275 791.2727272727273L325.8181818181818 791.2727272727273 325.8181818181818 698.1818181818182 232.72727272727275 698.1818181818182 232.72727272727275 791.2727272727273Z\"/></svg>","codepoint":"\\e12a"},{"name":"rizhi","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path  fill-rule=\"evenodd\" d=\"M720.290909090909 232.7272722618182L837.8181818181819 232.7272722618182C863.5245288727274 232.7272722618182 884.3636363636364 253.56638301090908 884.3636363636364 279.27272680727276L884.3636363636364 837.8181818181819C884.3636363636364 863.5245288727274 863.5245288727274 884.3636363636364 837.8181818181819 884.3636363636364L186.1818181818182 884.3636363636364C160.475473408 884.3636363636364 139.63636363636363 863.5245288727274 139.63636363636363 837.8181818181819L139.63636363636363 279.27272680727276C139.63636363636363 253.56638301090908 160.47547298909092 232.7272722618182 186.1818181818182 232.7272722618182L303.70909090909095 232.7272722618182C302.9410909090909 236.49745408000004 302.54545454545456 240.38400000000001 302.54545454545456 244.36363636363637L302.54545454545456 290.9090904436364C302.54545454545456 323.0420214690909 328.5943417018182 349.0909086254546 360.72727272727275 349.0909086254546 392.8602037527273 349.0909086254546 418.90909090909093 323.0420214690909 418.90909090909093 290.9090904436364L418.90909090909093 244.36363636363637C418.90909090909093 240.38400000000001 418.5134545454546 236.49745408000004 417.74545454545455 232.7272722618182L606.2545454545455 232.7272722618182C605.4865454545454 236.49745408000004 605.0909090909091 240.38400000000001 605.0909090909091 244.36363636363637L605.0909090909091 290.9090904436364C605.0909090909091 323.0420214690909 631.139798109091 349.0909086254546 663.2727272727273 349.0909086254546 695.4056564363636 349.0909086254546 721.4545454545455 323.0420214690909 721.4545454545455 290.9090904436364L721.4545454545455 244.36363636363637C721.4545454545455 240.38400000000001 721.0589090909091 236.49745408000004 720.290909090909 232.7272722618182ZM360.7272722618182 139.63636363636363C380.00703069090906 139.63636363636363 395.6363631709091 155.26569602327274 395.6363631709091 174.545454592L395.6363631709091 290.9090904436364C395.6363631709091 310.18884887272725 380.00703069090906 325.8181818181818 360.7272722618182 325.8181818181818 341.4475138327273 325.8181818181818 325.81818135272727 310.18884887272725 325.81818135272727 290.9090904436364L325.81818135272727 174.545454592C325.81818135272727 155.26569602327274 341.4475138327273 139.63636363636363 360.7272722618182 139.63636363636363ZM663.2727272727273 139.63636363636363C682.5524875636364 139.63636363636363 698.1818181818182 155.26569602327274 698.1818181818182 174.545454592L698.1818181818182 290.9090904436364C698.1818181818182 310.18884887272725 682.5524875636364 325.8181818181818 663.2727272727273 325.8181818181818 643.9929669818182 325.8181818181818 628.3636363636364 310.18884887272725 628.3636363636364 290.9090904436364L628.3636363636364 174.545454592C628.3636363636364 155.26569602327274 643.9929669818182 139.63636363636363 663.2727272727273 139.63636363636363ZM325.8181808872727 465.4545449890909C312.9650087563636 465.4545449890909 302.54545361454547 475.87410013090914 302.54545361454547 488.72727226181814 302.54545361454547 501.58044532363635 312.9650087563636 511.99999953454545 325.8181808872727 511.99999953454545L698.1818181818182 511.99999953454545C711.034991709091 511.99999953454545 721.4545454545455 501.58044532363635 721.4545454545455 488.72727226181814 721.4545454545455 475.87410013090914 711.034991709091 465.4545449890909 698.1818181818182 465.4545449890909L325.8181808872727 465.4545449890909 325.8181808872727 465.4545449890909ZM325.8181808872727 651.6363636363636C312.9650087563636 651.6363636363636 302.54545361454547 662.0559173818182 302.54545361454547 674.9090909090909 302.54545361454547 687.7622644363636 312.9650087563636 698.1818181818182 325.8181808872727 698.1818181818182L698.1818181818182 698.1818181818182C711.034991709091 698.1818181818182 721.4545454545455 687.7622644363636 721.4545454545455 674.9090909090909 721.4545454545455 662.0559173818182 711.034991709091 651.6363636363636 698.1818181818182 651.6363636363636L325.8181808872727 651.6363636363636Z\"/></svg>","codepoint":"\\e12b"},{"name":"zhibiaochajian","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path  fill-rule=\"evenodd\" d=\"M697.4303604363637 93.0909090909091L791.3063749818182 187.66411915636368 536.6298358690909 441.6957193309091 364.1200439854546 272.3413192145455 93.0909090909091 535.7588261236364 93.0909090909091 648.6957661090909 364.1200439854546 385.1762390109091 536.6298358690909 554.5306391272727 848.7423441454546 244.08157928727275 930.909090909091 347.5305923490909 930.909090909091 93.0909090909091 697.4303604363637 93.0909090909091ZM724.6846882909091 488.8292933818182L724.6846882909091 884.3636363636364 862.1676218181818 884.3636363636364 862.1676218181818 375.7903322763637 846.0169122909091 357.0185192727273 724.6846882909091 488.8292933818182ZM518.8640525963636 636.7593425454545L518.8640525963636 884.2616133818182 656.3469870545455 884.2616133818182 656.3469870545455 551.0619345454545 543.0901206109091 665.3251444363636 518.8640525963636 636.7593425454545 518.8640525963636 636.7593425454545ZM299.2143699781818 571.3640587636363L299.2143699781818 884.2616133818182 436.2935379781818 884.2616133818182 436.2935379781818 552.3882039854545 371.79163182545454 495.4606405818182 299.2143699781818 571.3640587636363 299.2143699781818 571.3640587636363ZM93.0909090909091 884.2616133818182L230.57384448000002 884.2616133818182 230.57384448000002 634.6169064727272 93.0909090909091 773.3650897454546 93.0909090909091 884.2616133818182Z\"/></svg>","codepoint":"\\e12f"},{"name":"shujuku","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path  fill-rule=\"evenodd\" d=\"M878.5454545454546 194.3098847418182C807.1181824000001 133.9221692509091 669.7454545454545 93.0909090909091 512 93.0909090909091 354.2545454545455 93.0909090909091 216.88181806545452 133.9221692509091 145.45454545454547 194.3098847418182 112.07272727272728 222.53991423999997 93.0909090909091 254.9430784 93.0909090909091 289.4737235781818L93.0909090909091 588.8756875636363C93.0909090909091 589.4484712727274 93.0909090909091 590.0212549818182 93.17272727272729 590.5122117818181L93.0909090909091 590.5122117818181 93.0909090909091 734.5262778181818C93.0909090909091 842.9459549090909 280.6181818181818 930.909090909091 512 930.909090909091 743.3818158545455 930.909090909091 930.909090909091 842.9459549090909 930.909090909091 734.5262778181818L930.909090909091 590.5940386909091 930.827273309091 590.5940386909091C930.909090909091 589.121168290909 930.909090909091 587.7301248 930.909090909091 586.2572497454546L930.909090909091 289.4737235781818C930.909090909091 254.9430784 911.9272727272728 222.53991423999997 878.5454545454546 194.3098847418182ZM145.45454545454547 384.6375624145454C216.88181806545452 445.02527767272727 354.2545454545455 485.8565380654545 512 485.8565380654545 669.7454545454545 485.8565380654545 807.1181824000001 445.02527767272727 878.5454545454546 384.6375624145454L878.5454545454546 449.4438912C863.9000017454546 458.8539010327273 847.8636357818183 467.60930117818185 830.4363659636364 475.79191854545456 744.5272715636364 516.0503956945454 631.4545431272727 538.2252883781819 512 538.2252883781819 392.54545454545456 538.2252883781819 279.47272704 516.0503956945454 193.56363636363636 475.7100925672727 176.13636375272728 467.5274752 160.10000011636365 458.7720745890909 145.45454545454547 449.36206475636357L145.45454545454547 384.6375624145454 145.45454545454547 384.6375624145454ZM145.45454545454547 532.9884132072727C216.88181806545452 593.3761303272728 354.2545454545455 634.2073902545455 512 634.2073902545455 669.7454545454545 634.2073902545455 807.1181824000001 593.3761303272728 878.5454545454546 532.9884132072727L878.5454545454546 597.7947415272728C863.9000017454546 607.1229253818182 847.8636357818183 615.9601524363636 830.4363659636364 624.1427688727273 744.5272715636364 664.4012450909091 631.3727255272727 686.5761373090909 512 686.5761373090909 392.62727261090913 686.5761373090909 279.47272704 664.4012450909091 193.56363636363636 624.1427688727273 176.13636375272728 615.9601524363636 160.10000011636365 607.2047522909091 145.45454545454547 597.7947415272728L145.45454545454547 532.9884132072727 145.45454545454547 532.9884132072727ZM830.4363659636364 772.4936192C744.5272715636364 812.7520954181819 631.3727255272727 834.9269922909091 512 834.9269922909091 392.62727261090913 834.9269922909091 279.47272704 812.7520954181819 193.56363636363636 772.4936192 176.95454533818182 764.7201326545454 161.57272715636364 756.2920401454546 147.4181818181818 747.454813090909 146.10909090909092 743.1180241454546 145.45454545454547 738.863062109091 145.45454545454547 734.6081047272727L145.45454545454547 681.4210885818183C216.88181806545452 741.8088075636364 354.2545454545455 782.6400674909091 512 782.6400674909091 669.7454545454545 782.6400674909091 807.1181824000001 741.7269806545454 878.5454545454546 681.4210885818183L878.5454545454546 734.6081047272727C878.5454545454546 738.7812352 877.8909090909091 743.1180241454546 876.5818181818182 747.454813090909 862.4272709818182 756.3738624000001 847.0454551272727 764.7201326545454 830.4363659636364 772.4936192Z\"/></svg>","codepoint":"\\e12e"},{"name":"ladp","svgCode":"<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path  fill-rule=\"evenodd\" d=\"M381.0909090909091 446.59519534545456L642.9090909090909 446.59519534545456C657.3607051636363 446.59519534545456 669.0909090909091 434.8650579781818 669.0909090909091 420.4135293672728L669.0909090909091 394.2318638545454C669.0909090909091 379.78033477818184 657.3607051636363 368.05019787636365 642.9090909090909 368.05019787636365L381.0909090909091 368.05019787636365C366.6392962327273 368.05019787636365 354.90909090909093 379.78033477818184 354.90909090909093 394.2318638545454L354.90909090909093 420.4135293672728C354.90909090909093 434.8650579781818 366.6392962327273 446.59519534545456 381.0909090909091 446.59519534545456ZM354.90909090909093 577.5035252363637C354.90909090909093 591.9550510545455 366.6392962327273 603.6851898181818 381.0909090909091 603.6851898181818L642.9090909090909 603.6851898181818C657.3607051636363 603.6851898181818 669.0909090909091 591.9550510545455 669.0909090909091 577.5035252363637L669.0909090909091 551.3218583272727C669.0909090909091 536.8703292509091 657.3607051636363 525.140192349091 642.9090909090909 525.140192349091L381.0909090909091 525.140192349091C366.6392962327273 525.140192349091 354.90909090909093 536.8703292509091 354.90909090909093 551.3218583272727L354.90909090909093 577.5035252363637ZM512 775.6959185454547C485.1612904727273 775.6959185454547 458.2287387927273 767.4379031272728 435.3313782690909 750.8280273454544L93.18475073303271 503.6505814109091 93.18475073303271 852.3640925090909C93.18475073303271 895.7186792727273 128.3753665629091 930.909090909091 171.73020532363637 930.909090909091L852.3636363636364 930.909090909091C895.7184744727273 930.909090909091 930.909090909091 895.7186792727273 930.909090909091 852.3640925090909L930.909090909091 503.6505814109091 588.6686208 750.8280273454544C565.7712593454546 767.4379031272728 538.8387095272727 775.6959185454547 512 775.6959185454547ZM900.7859246545455 359.79218152727276C886.3343103999999 348.43740904727275 872.5395874909092 337.73952418909096 852.3636363636364 322.4434255127273L852.3636363636364 250.18578152727275C852.3636363636364 206.8311952290909 817.1730199272729 171.64078452363637 773.8181818181819 171.64078452363637L646.9442792727274 171.64078452363637C641.9706740363637 168.07482274909094 637.3724346181818 164.69654341818182 632.1173038545454 160.9428992 604.6217029818182 140.86090472727273 550.0058651927274 92.53274051025456 512 93.09578708540508 474.0879764945455 92.53274051025456 419.37829934545454 140.86090472727273 391.8826980072728 160.9428992 386.7214075345455 164.69654341818182 382.0293254981819 168.07482274909094 377.05571840000005 171.64078452363637L250.1818181818182 171.64078452363637C206.82697960727273 171.64078452363637 171.63636363636365 206.8311952290909 171.63636363636365 250.18578152727275L171.63636363636365 322.4434255127273C151.36656896 337.73952418909096 137.66568913454546 348.43740904727275 123.21407622981819 359.79218152727276 104.25806452363636 374.7129157818182 93.0909090909091 397.4224607418182 93.0909090909091 421.6334638545455L93.0909090909091 439.08790737454547 250.1818181818182 552.5417923490909 250.1818181818182 250.27962274909092 773.8181818181819 250.27962274909092 773.8181818181819 552.5417923490909 930.909090909091 439.08790737454547 930.909090909091 421.6334638545455C930.815250618182 397.5163019636364 919.7419333818182 374.7129157818182 900.7859246545455 359.79218152727276L900.7859246545455 359.79218152727276Z\"/></svg>","codepoint":"\\e12d"}]}
\ No newline at end of file
diff --git a/src/pages/static/bk_icon_font/style.css b/src/pages/static/bk_icon_font/style.css
index 9f0f4c8f1..d2eba08ce 100644
--- a/src/pages/static/bk_icon_font/style.css
+++ b/src/pages/static/bk_icon_font/style.css
@@ -23,6 +23,9 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype");
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-app-store-fill:before {
+	content: "\e126";
+}
 .icon-info-i:before {
 	content: "\e105";
 }
@@ -128,3 +131,24 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype");
 .icon-wechat:before {
 	content: "\e125";
 }
+.icon-yonghu:before {
+	content: "\e128";
+}
+.icon-qiyeweixin:before {
+	content: "\e129";
+}
+.icon-qingximoban:before {
+	content: "\e12a";
+}
+.icon-rizhi:before {
+	content: "\e12b";
+}
+.icon-zhibiaochajian:before {
+	content: "\e12f";
+}
+.icon-shujuku:before {
+	content: "\e12e";
+}
+.icon-ladp:before {
+	content: "\e12d";
+}
diff --git a/src/pages/stylelint.config.js b/src/pages/stylelint.config.js
new file mode 100644
index 000000000..26689e6da
--- /dev/null
+++ b/src/pages/stylelint.config.js
@@ -0,0 +1,183 @@
+module.exports = {
+  extends: ['stylelint-config-standard'],
+  plugins: ['stylelint-less', 'stylelint-order'],
+  rules: {
+    'at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: [
+          'function',
+          'if',
+          'each',
+          'include',
+          'mixin',
+          'define-mixin',
+          'extend',
+        ],
+      },
+    ],
+    'alpha-value-notation': 'percentage',
+    'no-descending-specificity': null,
+    'selector-id-pattern': null,
+    indentation: 2,
+    'order/properties-order': [
+      // 指定声明块内属性的字母顺序
+      'position',
+      'top',
+      'right',
+      'bottom',
+      'left',
+      'z-index',
+      'display',
+      'float',
+      'width',
+      'height',
+      'max-width',
+      'max-height',
+      'min-width',
+      'min-height',
+      'padding',
+      'padding-top',
+      'padding-right',
+      'padding-bottom',
+      'padding-left',
+      'margin',
+      'margin-top',
+      'margin-right',
+      'margin-bottom',
+      'margin-left',
+      'margin-collapse',
+      'margin-top-collapse',
+      'margin-right-collapse',
+      'margin-bottom-collapse',
+      'margin-left-collapse',
+      'overflow',
+      'overflow-x',
+      'overflow-y',
+      'clip',
+      'clear',
+      'font',
+      'font-family',
+      'font-size',
+      'font-smoothing',
+      'osx-font-smoothing',
+      'font-style',
+      'font-weight',
+      'hyphens',
+      'src',
+      'line-height',
+      'letter-spacing',
+      'word-spacing',
+      'color',
+      'text-align',
+      'text-decoration',
+      'text-indent',
+      'text-overflow',
+      'text-rendering',
+      'text-size-adjust',
+      'text-shadow',
+      'text-transform',
+      'word-break',
+      'word-wrap',
+      'white-space',
+      'vertical-align',
+      'list-style',
+      'list-style-type',
+      'list-style-position',
+      'list-style-image',
+      'pointer-events',
+      'cursor',
+      'background',
+      'background-attachment',
+      'background-color',
+      'background-image',
+      'background-position',
+      'background-repeat',
+      'background-size',
+      'border',
+      'border-image',
+      'border-collapse',
+      'border-color',
+      'border-top',
+      'border-right',
+      'border-bottom',
+      'border-left',
+      'border-top-color',
+      'border-right-color',
+      'border-bottom-color',
+      'border-left-color',
+      'border-spacing',
+      'border-style',
+      'border-top-style',
+      'border-right-style',
+      'border-bottom-style',
+      'border-left-style',
+      'border-width',
+      'border-top-width',
+      'border-right-width',
+      'border-bottom-width',
+      'border-left-width',
+      'border-radius',
+      'border-top-right-radius',
+      'border-bottom-right-radius',
+      'border-bottom-left-radius',
+      'border-top-left-radius',
+      'border-radius-topright',
+      'border-radius-bottomright',
+      'border-radius-bottomleft',
+      'border-radius-topleft',
+      'content',
+      'quotes',
+      'outline',
+      'outline-offset',
+      'opacity',
+      'filter',
+      'visibility',
+      'size',
+      'zoom',
+      'transform',
+      'box-align',
+      'box-flex',
+      'box-orient',
+      'box-pack',
+      'box-shadow',
+      'box-sizing',
+      'table-layout',
+      'animation',
+      'animation-delay',
+      'animation-duration',
+      'animation-iteration-count',
+      'animation-name',
+      'animation-play-state',
+      'animation-timing-function',
+      'animation-fill-mode',
+      'transition',
+      'transition-delay',
+      'transition-duration',
+      'transition-property',
+      'transition-timing-function',
+      'background-clip',
+      'backface-visibility',
+      'resize',
+      'appearance',
+      'user-select',
+      'interpolation-mode',
+      'direction',
+      'marks',
+      'page',
+      'set-link-source',
+      'unicode-bidi',
+      'speak',
+    ],
+  },
+  overrides: [
+    {
+      files: ['**/*.(less|css|vue|html)'],
+      customSyntax: 'postcss-less'
+    },
+    {
+      files: ['**/*.(html|vue)'],
+      customSyntax: 'postcss-html'
+    }
+  ],
+};
diff --git a/src/pages/tsconfig.eslint.json b/src/pages/tsconfig.eslint.json
new file mode 100644
index 000000000..4d2f977b3
--- /dev/null
+++ b/src/pages/tsconfig.eslint.json
@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "include": [
+    // 👇️ 在此处添加要 lint 的所有目录和文件
+    "src",
+
+    // 添加我们看到“parserOptions.project”错误的所有文件
+    ".eslintrc.js"
+  ],
+  "exclude": [
+    "static"
+  ]
+}
\ No newline at end of file